: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:monospace;width:99%;color:var(--white)}h1{font-size:4rem;text-align:center}h2{font-size:4rem;text-align:center;margin:0}h3{font-size:2rem;margin-top:0}u{background-color:var(--lilac)}a{color:var(--warm-white);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}.left{margin-left:5rem;margin-top:5rem;margin-bottom:5rem}.right{margin:0 0 0 45rem}.lilac{color:var(--lilac)}