@import "https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Meow+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cookie&display=swap";
@import "https://fonts.googleapis.com/css2?family=Limelight&display=swap";
.projectCard{color:#fff;flex-direction:column;gap:30px;padding:20px;display:flex}@media (min-width:300px) and (max-width:830px){.projectCard{flex-direction:column;width:auto;margin:100px 0 0;padding:0;display:flex}}.projectCard__title{text-align:center;margin-bottom:3px;font-family:Limelight,sans-serif}@media (min-width:300px) and (max-width:830px){.projectCard__title{margin-top:0;font-size:1.6rem}}.projectCard__imageContainers{flex-flow:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}@media (min-width:300px) and (max-width:830px){.projectCard__imageContainers{display:none}}.projectCard__image{object-fit:contain;flex:300px;width:100%;max-width:500px;height:auto}.projectContent{color:#f5f5f5;flex-direction:column;align-items:center;margin-top:100px;display:flex}@media (min-width:300px) and (max-width:830px){.projectContent{flex-direction:column;justify-content:center;padding:0;display:flex}}.projectContent__title{color:#f5f5f5;margin-bottom:3px;padding:10px 0 10px 10px;font-family:Limelight,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem)}.projectContent__projectContentContainer{grid-area:20px;flex-direction:row;justify-content:space-between;align-items:center;display:flex}@media (min-width:300px) and (max-width:830px){.projectContent__projectContentContainer{flex-direction:column;width:auto;display:flex}}.projectContent__imageContainer{aspect-ratio:420/500;width:100%;max-width:420px;height:auto}.projectContent__imageContainer img{object-fit:cover;object-position:center;width:100%;height:100%}.projectContent__descriptionContainer{flex-direction:column;flex:1;justify-content:center;gap:16px;margin:0 0 0 20px;display:flex}.projectContent__link{color:#f99dc2}
.aside{background-color:#34353a;border-radius:5px;width:85px;margin:200px 5px}@media (min-width:300px) and (max-width:830px){.aside{margin:150px 0 0}}.aside__title{writing-mode:vertical-rl;color:#fff;margin:0 auto;padding:10px 0 0;font-family:Limelight,sans-serif;font-weight:lighter}.aside__list{flex-direction:column;gap:50px;width:100%;margin:50px 0;padding:20px;display:flex}.aside__items{color:#fff;cursor:pointer;list-style:none;position:relative}.aside__items .aside__icon{transition:transform .2s,color .2s}.aside__items:hover .aside__icon{transform:scale(1.2)}.aside__items.is-active .aside__icon{color:#f99dc2;transform:scale(1.3)}.aside__items .aside__tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#000;border-radius:4px;padding:6px 10px;font-size:16px;transition:opacity .2s;position:absolute;top:50%;left:45px;transform:translateY(-50%)}.aside__items:hover .aside__tooltip{opacity:1;visibility:visible}
.sidebarPage{justify-content:space-between;gap:30px;display:flex}@media (min-width:300px) and (max-width:830px){.sidebarPage{justify-content:center;gap:5px;margin:0;padding:0;display:flex}}.sidebarPage__projectWork{flex:1;padding:50px}