@font-face{font-family:vcr;src:url("/css/vcr-ID47EYT3.ttf")}:root{--white: #FFFFFF;--warm-white: #e1cdcd;--white-light: rgb(255 255 255 / .44);--gray: #c2b5ce;--lilac: #bda5c8;--lightlac: rgb(189 165 200 / .32);--lighterlac: rgb(189 165 200 / .11);--brightlac: #d7bde3;--purple: #261f2c;--lightpurple: #51425e}body{background-color:#222;font-family:vcr,monospace;width:99%;color:var(--white);display:block;text-align:center;padding-top:2rem}.box{border:4px solid var(--white);width:50%;margin:auto;display:block;.day{padding:1rem 2rem}img{width:100%;margin:1rem 0}h3{font-size:1.5rem;text-align:left;margin:1rem 0 0}hr{margin:2rem 0 0;width:100%;height:3px;background-color:var(--white);border:none;border-radius:10px}}.grid{display:grid;grid-template-columns:auto auto;grid-gap:2rem;width:45%;margin:auto;padding-top:3rem;div{margin:auto;background-color:#fff;padding:10px;display:block;width:80%;height:90%;box-shadow:5px 5px 5px #4d4d4e;img{object-fit:cover;width:230px;height:230px;margin-top:5px;filter:grayscale(100%)}}div:hover{rotate:3deg;box-shadow:5px 5px 5px var(--lilac);img{filter:grayscale(0)}a{color:var(--lilac)}}a{color:gray;font-size:1.5rem}}h1{font-size:4rem;width:fit-content;margin:auto;background-color:var(--lilac)}h3{font-size:2rem;margin-top:0}u{background-color:var(--lilac)}a{color:var(--lightlac);text-decoration:none;height:fit-content}.menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.vertical{display:flex;flex-direction:column;justify-content:center;color:var(--lightlac)}.vertical:hover span{color:var(--white);background-color:var(--lightlac)}.first{color:var(--lilac)}.flex-container{display:flex;gap:2rem}.about-container{border:1px solid var(--lightlac);border-radius:15px;max-width:40%;padding:2rem;font-size:20px}.lilac{color:var(--lilac)}#mobile_home h1,#mobile_home a{display:none}@media screen and (max-width:800px){#desktop_home{display:none}#mobile_home h1,#mobile_home a{display:block}h1{font-size:2rem;text-align:left;width:fit-content}a{color:var(--white);letter-spacing:8px}.nav{width:fit-content;background-color:var(--lighterlac);font-size:2rem}span{color:var(--lilac)}.nav:hover h1,.nav:hover span{color:var(--white)}.about-container{border:none;border-radius:15px;max-width:80%;padding:2rem;font-size:20px}.left,.right{margin:0}}