@font-face{font-family:Cabin;src:url(/_next/static/media/Cabin-VariableFont.27328a52.ttf)}body{background-color:#171717;margin:10vh}.home{flex-direction:column;margin:0 30px}.banner,.home{display:flex;justify-content:center;align-items:center}.banner{flex:1 1;flex-direction:row;flex-wrap:wrap-reverse;gap:20px;max-width:80vw;min-height:80vh;margin-bottom:20vh}.banner-image{height:65vh;width:auto;animation:animate-banner-image 2s}@keyframes animate-banner-image{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.015);opacity:100%}to{transform:scale(1)}}.banner-text-container{width:650px;display:flex;flex-direction:column}.banner-text{color:#fff;font-family:proxima-nova,Cabin;font-style:normal;font-weight:800;margin:-1px}.banner-text#line-1{font-size:68px;animation:animate-banner-elements .5s}.banner-text#line-2{font-size:78px;animation:animate-banner-elements 1s}.banner-subtext{font-size:22px;font-weight:100;font-family:proxima-nova,Cabin;color:#bfbfbf;animation:animate-banner-elements 1.5s}@keyframes animate-banner-elements{0%{transform:translateY(200px);opacity:0}25%{opacity:0}to{transform:translateY(0);opacity:100%}}@keyframes animate-opacity{0%{opacity:0}to{opacity:100%}}.banner-changing-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-size:2000px;animation:animate-gradient 30s linear infinite}.banner-header{padding-bottom:20px;display:flex;flex-direction:column}@keyframes animate-gradient{0%{background-position:0}to{background-position:400%}}.banner-buttons{align-items:center;display:flex;flex-direction:row;text-align:center;animation:animate-opacity 3s}.banner-button{font-weight:100;cursor:pointer;display:block;font-family:proxima-nova,Cabin;font-size:20px;font-weight:600;line-height:45px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-background-clip:text;background-clip:text;background-size:1000px;animation:animate-gradient 30s linear infinite;margin:0 0 2em;max-width:160px;position:relative;text-decoration:none;width:160px;border:1px solid transparent;transition:all .35s}.banner-button svg{height:45px;left:0;position:absolute;top:0;width:100%}.banner-button rect{fill:none;border-radius:25px;stroke:#bfbfbf;stroke-width:2;stroke-dasharray:422,0;background:var(--primary-gradient);-webkit-background-clip:padding-box;background-clip:padding-box;background-size:1000px;animation:animate-gradient 30s linear infinite;transition:all .35s linear;stroke-linejoin:round}.banner-button:hover{font-weight:1000;letter-spacing:1px;transition:all .6s ease-in-out}.banner-button:hover rect{stroke:#fff;stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:48;transition:all 1.35s cubic-bezier(.19,1,.22,1)}.banner-socials-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding-left:5px;animation:animate-opacity 3s}.banner-icon{cursor:pointer;padding-right:20px;color:#bfbfbf;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;background-size:1000px;animation:animate-gradient 30s linear infinite;transition:color .5s}.banner-icon:hover{color:transparent;transition:color 2.5s}.banner-socials-subtext{font-size:18px;font-weight:100;font-family:proxima-nova,Cabin;color:#272727}.aboutme-container{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1100px;min-height:70vh;margin-bottom:30vh;animation:animate-opacity 2.5s}.aboutme-title{color:#fff;font-size:68px;font-style:normal;font-weight:800}.aboutme-text,.aboutme-title{font-family:proxima-nova,Cabin}.aboutme-text{font-size:22px;font-weight:100;color:#bfbfbf}@media only screen and (max-width:600px){.banner{padding-top:50px}.banner-image{height:60vw;padding-bottom:30px}.banner-header{display:flex;justify-content:left;align-items:left}.banner-subtext{text-align:left}.aboutme-title,.banner-text{font-size:40px!important;text-align:left}.aboutme-text,.banner-subtext,.project-text-container{font-size:18px;padding:20px 0}.banner-socials-container{justify-content:center;align-items:center}.banner-socials-subtext{font-size:16px}}.portfolio-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.portfolio-text-container{width:1080px;display:flex;flex-direction:column}.projects-container{display:flex;flex-direction:row;flex-wrap:wrap;width:1080px;gap:80px}.project-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:480px;gap:20px}.project-text-container{font-size:20px;font-weight:100;font-family:proxima-nova,Cabin;color:#bfbfbf;margin-top:0;animation:animate-opacity 2.5s}.project-thumbnail{width:475px;border-radius:25px}.project-thumbnail:hover{opacity:.6;transition:opacity .15s}.hidden{opacity:0;transform:translateY(20%)}.intersection{opacity:100%;transform:translateY(0);transition:all 1s}