/*This is the GLOBAL css file.Any changes made in here, will apply to the ENTIRE site.Only put changes here if you intend to put changes acrossthe whole site!*/:root {color-scheme: dark;}@font-face {font-display: swap;font-family: 'RubikBold';font-style: bold;font-weight: 600;src: url('./fonts/rubik-v28-latin-600.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Rubik';font-style: normal;font-weight: 400;src: url('./fonts/rubik-v28-latin-regular.woff2') format('woff2');}* {font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;padding: 0;margin: 0;font-weight: 400;text-align: center;color: white;}#topbar {background-color: rgb(75, 50, 125, 0.5);width: 100%;padding: 1vh 0px;margin-bottom: 1vh;/* position: sticky; */left: 0px;top: 0px;z-index: 10;/* opacity: 0.5; */transform: scale(1);transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);}#topbar:hover {opacity: 1;transform: scale(1.05);}#topbar>* {display: inline-block;font-size: 1.5rem;}main:nth-of-type(1), .mainDiv {width: 95%;max-width: 1000px;margin: auto;}body {overflow-x: hidden;background-color: rgb(55, 4, 75);background: linear-gradient(rgb(30, 4, 75), black);background-attachment: local;animation: hideContent 2.5s;}body, html {min-height: 100%;}a {display: inline-block;transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1);}a[href] {color: rgb(175, 225, 255);}h3 {font-size: 1.5rem;padding: 10px;}@media screen and (min-width: 650px) {.grid-container {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}.grid-child {margin: auto;align-content: center;/* border: 2px white solid; */}}.chip {position: relative;z-index: 3;font-size: 1.3rem;border: 2px gray solid;border-radius: 6px;background-color: black;padding: 8px;margin: 3px;display: inline-block;transform: scale(0.95);transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);}a.chip {text-decoration: none;/* background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255));background-size: calc(100% - 15px) 2px;background-position: 50% 87.5%;background-repeat: no-repeat; */}.chip:hover {background-color: rgb(10, 0, 25);transform: scale(1);/* font-size: 1.35rem; */border-color: white;transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 3s cubic-bezier(0.075, 0.82, 0.165, 1);}.chip:hover>.smallimg {background-color: rgb(10, 0, 25);}hr {color: white;border: white solid;opacity: 0.25;border-width: 2px;margin: 15px 10%;/* background-color: none; */}p {font-size: 1.25rem;margin: 5px;line-height: 2rem;text-wrap: pretty;}img {width: 100%;/* max-width: 135px; */}h2 {font-size: 1.8rem;}.note {color: darkgray;font-size: 1rem;}.striked {text-decoration: line-through;text-decoration-color: white;}br {display: block;margin: 3px 0;}@media screen and (min-width: 1000px) {.activity-container {display: flex;flex-wrap: wrap;justify-content: center;}.activity {flex: 0 0 49%;margin: auto;padding: 0;margin: 0;align-content: center;}}.activity {border-width: 3px;border-radius: 10px;overflow: hidden;margin: auto;padding: 0;display: flex;position: relative;z-index: 3;max-width: 650px;/* max-height: 200px; */}.activity>p {width: 100%;max-height: 100%;overflow-wrap: anywhere;text-overflow: ellipsis;padding: 3px;line-height: 1.5rem;align-self: center;}.activity>img {width: 40%;aspect-ratio: 1/1;object-fit: cover;}.activity>img:not(.smallimg) {min-width: 150px;max-width: 150px;}.activity>.smallimg {width: 48px;height: 48px;position: absolute;bottom: 0px;left: 0px;border-radius: 50px;background: black;padding: 5px;/* border: 2px gray solid; */transform: scale(0.9);transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);}.activity>.smallimg:hover {transform: scale(1);}ul, ol {display: inline-block;max-width: 90%;}li {font-size: 1.2rem;padding: 5px 0;text-align: left;}.noscript {display: none;}.lengthBar {background-color: rgb(50, 40, 60);display: block;width: calc(100% - 100px);margin: auto;height: 12px;padding: 0;overflow: hidden;float: left;transform: translateY(7px);border-radius: 5px;}.textBlock {color: rgb(255, 255, 255);white-space: pre-wrap;background-color: rgb(20, 20, 20);border: 2px lightgray solid;padding: 15px;/* font-family: 'Source Code Pro', sans-serif; */text-align: center;}span {color: inherit}.lengthBar>span {margin: 0;padding: 0;width: 100%;background-color: rgb(200, 200, 230);height: 20px;display: block;position: relative;}video {width: 95%;max-height: 90vh;border: 2px rgb(125, 100, 155) solid;border-radius: 15px;transition: all 5s cubic-bezier(0.39, 0.575, 0.565, 1);z-index: 5;}video:active {transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);border-color: rgb(225, 150, 255);}sup {color: gray;}.noteList {list-style: none;}.noteList > * {counter-increment: noteList;color: gray;font-size: 1rem;}.noteList > li::before {content: "*" counter(noteList) ". ";}em, b, s {color: inherit;}b, b > *, .activityTitle, .activityTitle > *, .bold {font-family: "RubikBold", Verdana, Geneva, Tahoma, sans-serif;}.activityTitle {text-decoration: underline;}.durationBarFormatter {float: right;width: 90px;}