/*This is the CSS file for the root page. Only put changes in hereintended for the main page of the site!*/.mainTitle {font-size: min(calc(2rem + 2vw), 3rem);display: block;padding-top: 5px;line-height: min(calc(2.2rem + 2vw), 3rem);}#card {background-color: rgba(10, 5, 90);padding: 15px;border: 2px white solid;margin: 20px auto;width: 90%;max-width: 800px;z-index: 3;position: relative;border-radius: 12px;box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, .25);}.linkContainer {display: flex;flex-wrap: wrap;max-width: 385px;margin: auto;justify-content: center;}.animatedTitle {animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1);margin: auto;max-width: 75%;padding-top: 30px;/* outline: 1px white solid; */}.animatedMain {opacity: 1;animation: fadeDelay 2s cubic-bezier(0.075, 0.82, 0.165, 1);}.pfp {border-radius: 15px;border: darkgray 4px solid;float: right;width: 60%;aspect-ratio: 1/1;transform: scale(0.9);border-radius: 50%;rotate: 0deg;user-select: none;animation-duration: 3s;animation-timing-function: linear;animation-iteration-count: infinite;}.CLAlign {display: inline-block;}.emoji {max-width: 2rem !important;vertical-align: top;padding: 0;margin-right: 10px;}.emoji:hover {transform: scale(1.5);}img:not(.project-inner > div > img):not(.activity>img) {width: 100%;max-width: 168px;transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);}@keyframes spinny {0% {rotate: 0deg;}100% {rotate: 360deg;}}@keyframes mainText {0% {transform: translateY(calc(50vh - 6rem)) scale(1.5);opacity: 0;height: 4rem;}50% {opacity: 1;height: 4rem;transform: translateY(calc(50vh - 6rem)) scale(1.25);}100% {transform: translateY(0) scale(1);}}.statusColor {transition: color 2s cubic-bezier(0.075, 0.82, 0.165, 1);}@keyframes fadeDelay {0% {opacity: 0;display: none;}66% {opacity: 0;transform: translateY(25vh);display: none;}100% {opacity: 1;transform: none;}}@keyframes hideContent {0% {overflow-y: hidden;overflow-x: hidden;}100% {overflow-y: hidden;overflow-x: hidden;}}