@import"https://use.typekit.net/jmk3xov.css";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap";:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}main{width:100vw;color:#fff;z-index:99;position:absolute;width:95%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3,blockquote,button{font-family:elevon,sans-serif;font-weight:700;font-style:normal}canvas{position:fixed;top:0;left:0}header{background:var(--dark-bg);grid-column:2 / span 7;font-size:2.5rem;padding:2rem;margin-bottom:var(--spacing)}@keyframes scroll-indicator{0%{-webkit-transform:translate(0,0);opacity:0}50%{opacity:1}to{-webkit-transform:translate(0,20px);opacity:0}}#scroll{width:5rem;height:5rem;display:block;position:fixed;right:0;bottom:0;padding:0 5px 1.25rem 0;z-index:1}#scroll svg{width:100%;height:100%;fill:#42c0ff;padding-bottom:5px;animation:scroll-indicator 1.5s 4 forwards}section{grid-column:2 / 8;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}section p{text-align:justify;text-justify:inter-word}.project-link{text-align:right;text-decoration:none}a{text-decoration:none;color:#753ef4;transition:.3s}section img{width:100%}blockquote{margin:0 0 450px;padding:0;grid-column:2 / span 10}blockquote p{color:#000;background-color:#fff;border-radius:15px;font-size:4rem;display:inline;line-height:1.5;padding:4px}.CV{border:2px solid hsl(258,89%,60%);border-radius:10px;background-color:var(--dark-bg);color:#fff;padding:8px 15px;font-size:16px;cursor:pointer;transition:.3s}.CV:hover,a:hover{color:#808080bb}.newTabIcon{margin-left:5px;vertical-align:middle}.newTabIcon:hover path{fill:#808080bb}.feather-16{width:16px;height:16px}.feather-24{width:24px;height:24px}.feather-32{width:32px;height:32px}.left{grid-column:6 / 12}section,header,.left{border-radius:20px}::-webkit-scrollbar{width:.25rem;background-color:#00f}body::-webkit-scrollbar-track{background:hsl(258,89%,60%)}body::-webkit-scrollbar-thumb{background:hsl(200,100%,63%);border-radius:50%}@media all and (max-width: 768px){header h1{font-size:4rem}blockquote{grid-column:1 / span 5}section,header,blockquote,.left{grid-column:2 / span 11;justify-content:center;border-radius:20px}}