@import"https://use.typekit.net/jmk3xov.css";canvas{position:fixed;top:0;left:0}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}body{overflow-x:hidden;overflow-y:overlay;margin:0;font-family:brandon-grotesque,sans-serif}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:#6649b8;border-radius:25px}h1{font-size:50px;margin-top:0;text-shadow:2px 2px 15px black}h2{margin-top:0;font-size:35px}p{font-size:25px;margin:0}header{box-shadow:#0208142e 0 .35em 1.175em;background-color:#ffffff80;padding:2rem;margin-bottom:200px;backdrop-filter:blur(.5rem);color:#000;grid-column:2/9;transition:.6s}@media only screen and (max-width: 730px){header{grid-column:2/12}}header:hover{transform:scale(1.06)}section{transition:.6s;box-shadow:#0208142e 0 .35em 1.175em;margin-bottom:150px;padding:2rem;backdrop-filter:blur(.5rem)}section a{color:#0ff}section:hover{transform:scale(1.06)}section.right{grid-column:5/11}@media only screen and (max-width: 730px){section.right{grid-column:2/12}}section.right.dark{color:#fff;background-color:#0f0f0f80}section.right.dark h2{text-shadow:2px 2px 15px white}section.right.light{color:#000;background-color:#ffffff80}section.right.light h2{text-shadow:2px 2px 15px black}section.left{grid-column:2/9}@media only screen and (max-width: 730px){section.left{grid-column:2/12}}section.left.dark{color:#fff;background-color:#0f0f0f80}section.left.dark h2{text-shadow:2px 2px 15px white}section.left.light{color:#000;background-color:#ffffff80}section.left.light h2{text-shadow:2px 2px 15px black}.projects{background:hsla(0deg,0%,100%,.1);backdrop-filter:blur(.5rem);grid-column:2/12}.projects:hover{transform:none}.projects__items{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:10px}.projects__itemsitem{background:hsla(0deg,0%,100%,.1);backdrop-filter:blur(.5rem);transition:.3s;max-width:250px;padding:10px;height:fit-content;margin:10px 0}.projects__itemsitem img{margin-top:10px;width:100%}.projects__itemsitem:hover{transform:scale(1.06)}