:root{--blue:#23a6b8;font-size:16px}*{margin:0;padding:0;font-family:sans-serif}html{min-height:100vh;height:100%}body,html{width:100%}body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#site{min-height:100vh;height:100%;width:100%}.blue{color:#23a6b8;color:var(--blue)}#buttons{position:fixed;-webkit-transform:translateX(-47vw);transform:translateX(-47vw);margin-right:1rem;display:flex;flex-direction:column;z-index:1}#buttons button{margin-bottom:1rem;padding:.6rem .5rem;background-color:#fff;border:none;border-radius:4px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}#buttons button svg{transition:fill .3s ease}#buttons .active svg,#buttons button:focus svg,#buttons button:hover svg{fill:var(--blue)}@media (min-width:992px){#buttons{position:inherit;-webkit-transform:none;transform:none;height:268.8px}}#profile{min-height:400px;height:80vh;width:75vw;background-color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}@media (min-width:992px){#profile{width:300px}}@media (min-width:1600px){#profile{width:20vw}}#profile-header{width:100%;height:45%;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-clip-path:polygon(100% 0,100% 80%,50% 100%,0 80%,0 0);clip-path:polygon(100% 0,100% 80%,50% 100%,0 80%,0 0);object-fit:cover;-webkit-user-select:none;user-select:none}#profile h1{margin-top:40px;font-size:2.5rem}#profile h3{margin-top:.75rem;font-size:1.5rem;font-weight:500;color:var(--blue)}#social{margin-top:1rem;width:45%;display:flex;justify-content:space-around}#social a{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;fill:#000;transition:fill .3s ease}#social svg{display:block;height:18px;width:18px}#social a:focus,#social a:hover{fill:var(--blue)}#cv{margin-top:auto;padding:7% 15% 8%;border-top:1px solid rgba(0,0,0,.3);text-transform:uppercase;text-decoration:none;color:#000;transition:color .3s ease}#cv:focus,#cv:hover{color:var(--blue)}#about-container{min-height:100%;width:100%}#about,#about-container{display:flex;flex-direction:column;align-items:center;justify-content:center}#about{max-width:400px;padding:1rem;text-align:center}#about section{margin-bottom:1rem}#about h1{margin-bottom:.5rem}#about h3,#about p{margin-bottom:.3rem}#about a{color:inherit}#about a:focus,#about a:hover{color:#000;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}#about .big{font-weight:600;color:var(--blue)}.project{position:relative;height:300px;width:100%;margin:.5rem;border-radius:4px;overflow:hidden}.project img{object-fit:cover;width:100%;height:100%;will-change:transform}.project-text{position:absolute;display:inline;color:#000;background-color:#aaa;font-family:monospace;text-transform:uppercase}.name{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:color .3s ease}.description{top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.url{left:0}.github,.url{bottom:0;margin:5px;transition:color .3s ease}.github{right:0}.project:focus-within .name,.project:hover .name{color:var(--blue)}.github:focus,.github:hover,.url:focus,.url:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}@media (min-width:992px){.project{width:calc(50% - 1rem)}}#projects-container{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#projects-content{width:100%;margin-top:1rem;text-align:center}#projects-list{flex-wrap:wrap}#contact-container,#projects-list{width:100%;display:flex;justify-content:center}#contact-container{min-height:100%;align-items:center}#contact{text-align:center}#contact section{margin-bottom:1rem}#contact h1{margin-bottom:.5rem}#contact h3,#contact h4{font-weight:500}#contact a{text-decoration:none;color:#000}#contact .big{color:var(--blue);font-weight:700}#contact a:focus,#contact a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}#contact a:focus .big,#contact a:hover .big{color:#000}#page{padding:5vh 5vw;display:flex;justify-content:center;align-content:center}#content{display:flex;flex-direction:column;align-items:flex-end;z-index:1}.section{min-height:400px;height:80vh;width:75vw;margin-top:10px;overflow-y:auto;background-color:#fff;border-radius:4px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}@media (min-width:992px){#page{padding:0}#content{position:inherit;min-height:380px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.section{margin-top:0;margin-left:1rem;width:40vw}}#app-container{min-height:100vh;height:100%;width:100%;display:flex;align-items:flex-start;justify-content:flex-end}@media (min-width:992px){#app-container{align-items:center;justify-content:center}}canvas{position:fixed;right:0;bottom:0;left:0;z-index:0}
/*# sourceMappingURL=main.4dfc57e0.chunk.css.map */