nav{background-color:#FDFCFB;padding:3rem 0}.navbar{display:grid;grid-template-columns:auto auto auto auto;grid-gap:20px;justify-content:end;align-items:center;margin:0;padding:3rem 0;list-style-type:none;padding:0 1rem;height:5.5rem;text-transform:uppercase}.navbar a{font-weight:700;font-size:1.7rem;text-decoration:none;color:#585858;padding:0 1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#FDFCFB;-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#333}body::-webkit-scrollbar{width:12px}html{scrollbar-width:thin;scrollbar-color:#333 #FDFCFB}body::-webkit-scrollbar-track{background:#FDFCFB}body::-webkit-scrollbar-thumb{background-color:#333;border-radius:6px;border:3px solid #FDFCFB}.header{z-index:1}.header-wrapper{min-height:100vh;background-color:#FDFCFB;background-image:url(../img/bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100%;-webkit-clip-path:polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);clip-path:polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);transform:translateY(-200%);animation:slideTop 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s forwards}.container{max-width:1140px;margin:0 auto}header{display:grid;grid-template-areas:"img title title" 
 "img summary summary"
 "img links links";align-content:start;justify-content:center;align-items:center;min-height:80vh}header .hero-img{grid-area:img;padding-right:20px}header .hero-title{grid-area:title;color:transparent;font-family:"Montserrat", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-style:normal;font-weight:900;font-size:60px;line-height:60px;letter-spacing:0.005em;text-transform:uppercase;margin:0;padding:0;background:linear-gradient(139.53deg, #0070C0 .71%, #1C91E6 37.56%, #1C91E6 77.49%);background-clip:text;-webkit-background-clip:text}header .hero-summary{grid-area:summary;color:#585858;font-size:2rem;line-height:3rem;margin:0}header .hero-summary a{text-decoration:none;color:#333;font-weight:400}header .hero-summary a:hover{text-decoration:underline}header .hero-links{padding:0;margin:0;grid-area:links;list-style-type:none;display:grid;grid-template-columns:auto auto auto;grid-gap:20px;justify-content:start;align-items:center}header .hero-links li a{text-decoration:none}.button__cta{z-index:1;position:relative;border:2px solid #333;border-radius:5px;background-color:transparent;overflow:hidden;transition:color 0.3s;margin:0;text-align:center;display:block;text-transform:uppercase;padding:5px 15px;width:auto;color:#333;font-size:17px}.button__cta:before{z-index:-1;content:"";display:block;background:#333;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(-100%);transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.button__cta:hover,.button__cta:focus{color:white}.hobbies-statement{background-color:#FDFCFB92;color:#333;font-family:"Lucida Console", "Courier New", monospace;padding:2px 0px 2px 8px;word-wrap:break-word;user-select:none}.blinking{content:" ";display:inline-block;height:18px;position:relative;bottom:-3px;width:8px;background:#333;animation:blink 0.8s infinite;animation-delay:0.1s}.button__cta:hover:before,.button__cta:focus:before{transform:translateX(0)}.skills{z-index:0;margin-top:-15vh;padding-top:15vh;background-image:url(../img/left-rect.svg),url(../img/left-rect.svg),linear-gradient(139.53deg, #0070C0 .71%, #1C91E6 37.56%, #1C91E6 77.49%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:top -962px left -400px,  top -400px left 1100px, top 0px left 0px;color:#FDFCFB}.skills .skills-title{margin-top:8rem}.skills .skills-summary{margin-bottom:3rem}.skills .skills-right-rect{position:absolute;bottom:-285px;right:-516px}.skills .skills-left-rect{position:absolute;top:-878px;left:-525px;opacity:0.4}.skills .content{display:grid;grid-gap:20px;grid-template-columns:6fr 5fr;font-size:1.6rem}.skills-header{display:grid;grid-template-columns:repeat(6, auto);grid-gap:10px;margin-bottom:2rem;font-weight:300}.skills-header span:hover{text-decoration:underline;cursor:pointer}.skills-header span:hover:first-child{text-decoration:none}.skills-header span:first-child{font-weight:700}.skills-tabs{display:grid;grid-template-columns:repeat(4, 130px);grid-auto-flow:row;grid-gap:20px}.skills-tabs span{background:#FDFCFB;border-radius:5px;color:#1C91E6;font-weight:700;letter-spacing:0.08em;text-align:center;padding:.5rem}.projects{--slope: 50px;z-index:1;background:#FDFCFB;color:#333;clip-path:polygon(0 var(--slope), 100% 0%, 100% calc(100% - var(--slope)), 0% 100%);padding:calc(var(--slope) + 2rem) 0;margin:calc( var(--slope) * -1) 0}.projects h2{margin-top:3rem}.projects-container{display:grid;grid-gap:40px;grid-template-columns:repeat(3, 1fr);margin-top:40px}.projects-container .project-item{min-height:200px;position:relative;background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0px 6px 5px rgba(0,0,0,0.07);border:7px solid #fff}.projects-container .project-item img{transition:all 0.5s, filter 0.2s;object-fit:cover}.projects-container .project-item:hover>img{filter:blur(2px)}.projects-container .project-item:hover .item-details{bottom:0}.item-details{position:absolute;left:0;right:0;bottom:-100%;padding:1.5rem;transition:bottom 0.3s;background-color:rgba(255,255,255,0.9)}.item-details h3{color:#1C91E6;font-weight:700;font-size:2rem;text-transform:capitalize}.item-details>p{margin-bottom:1rem}.item-details .project-link{display:inline-block;margin-right:1rem;border-radius:5px;border:1px solid #333;overflow:hidden;padding:.4rem .8rem .4rem 3.5rem;font-size:1.6rem;position:relative;transition:all 0.08s}.item-details .project-link:hover,.item-details .project-link:focus{box-shadow:0px 6px 5px rgba(0,0,0,0.07);transform:translateY(-1px)}.item-details .project-link:active{transform:translateY(1px);box-shadow:0px 0px 5px rgba(0,0,0,0.03)}.item-details .project-link .social{display:grid;align-items:center;justify-content:center;padding:0 .5rem;background:#333;position:absolute;top:-1px;bottom:-1px;left:-1px;min-width:15px}.contact{--slope: 50px;color:#FDFCFB;padding-top:calc(var(--slope) + 3rem);z-index:0;background-image:url(../img/contact-bg.png),url(../img/left-rect.svg),url(../img/left-rect.svg),linear-gradient(139.53deg, #0070C0 .71%, #1C91E6 37.56%, #1C91E6 77.49%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:bottom -130px left -40px, top -962px left -510px,  top -700px right -1100px, top 0 left 0}.input-required{font-size:1rem;vertical-align:top;color:#B71234}.form-container{background:#FDFCFB;border-radius:5px;padding:1.5rem;margin-top:4rem;box-shadow:0px 50px 100px rgba(50,61,93,0.1),0px 30px 60px rgba(0,0,0,0.1),0px -18px 60px rgba(0,0,0,0.08);color:#333;font-size:1.8rem;width:55%}.form-container .contact-form-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;align-items:center}.form-container .contact-form-grid label{margin-right:4rem;color:#333}.form-container .contact-form-grid input,.form-container .contact-form-grid textarea{border:none;border-radius:5px;background:#f2f2f2;height:48px;padding:1rem;font-size:1.6rem}.form-container .contact-form-grid input:focus,.form-container .contact-form-grid input:active,.form-container .contact-form-grid textarea:focus,.form-container .contact-form-grid textarea:active{background:#FDFCFB;border:1px solid #333}.form-container .contact-form-grid textarea{min-height:10rem;resize:vertical}.form-container .contact-form-grid label[for=message]{align-self:start}.form-container .contact-form-grid input[type=submit]{background:#FDFCFB;color:#1C91E6;font-family:'Oxygen', sans-serif;font-size:2.2rem;font-weight:bold;border:2px solid #1C91E6;width:200px;grid-column-start:2;justify-self:flex-end}.form-container .contact-form-grid input[type=submit]:hover,.form-container .contact-form-grid input[type=submit]:focus{box-shadow:0px 6px 5px rgba(0,0,0,0.07);transform:translateY(-1px)}.form-container .contact-form-grid input[type=submit]:active{transform:translateY(1px);box-shadow:0px 0px 5px rgba(0,0,0,0.03)}.form-container .contact_response_message{margin-top:1rem;color:#FDFCFB;opacity:0;padding:.5rem;text-align:center;border-radius:5px}.form-container .success{background:#63b093}.form-container .error{background:#B71234}.footer{background:#FDFCFB;padding:2.5rem 0}.footer .container{padding:0;color:#FDFCFB;background:linear-gradient(139.53deg, #0070C0 .71%, #1C91E6 37.56%, #1C91E6 77.49%);padding:1.4rem 2rem;margin:0 auto;width:100%;border-radius:5px;font-size:1.5rem;box-shadow:0 4px 4px rgba(0,0,0,0.15)}.footer .container .footer-links{margin:0;padding:0;list-style-type:none;display:grid;grid-gap:20px;grid-template-columns:auto auto auto 1fr auto auto auto auto;align-items:center;justify-content:center}.footer .container .footer-links .button__cta{border:2px solid #FDFCFB}.footer .container .footer-links .button__cta:hover,.footer .container .footer-links .button__cta:focus{text-decoration:none;color:#1C91E6}.footer .container .footer-links .button__cta:before{background:#FDFCFB;color:#333}.footer .container .footer-links a{text-decoration:none;color:#FDFCFB}.footer .container .footer-links a:hover,.footer .container .footer-links a:focus{text-decoration:underline}.footer .container .footer__copyright{text-align:center}footer.footer .footer-links .button__cta:hover,footer.footer .footer-links .button__cta:focus{color:#FDFCFB}::-moz-selection{background:#FDE16D;color:white}::selection{background:#FDE16D;color:white}.corner{--size: 200px;width:var(--size);fill:#FDFCFB;position:absolute;right:0px;bottom:-1px}.corner--bottom-right{transform:rotate(-3deg) translate3d(5px, 6px, 0px)}.corner .corner--top-left{right:unset;bottom:unset;fill:red;z-index:99;left:0;top:0;transform:rotate(-3deg) translate3d(5px, 60px, 0px)}.hello{display:grid;justify-items:center;align-content:center;position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(139.53deg, #0070C0 .71%, #1C91E6 37.56%, #1C91E6 77.49%);-webkit-clip-path:polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);clip-path:polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0)}.bar-follow{width:100px;height:3px;position:absolute;background:#FDE16D;border-radius:5px;box-shadow:0 50px 100px rgba(50,50,93,0.1),0 15px 35px rgba(50,50,93,0.15),0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s, opacity 0.1s, transform 0.2s;opacity:0}.bar-follow.open{opacity:1}a{text-decoration:none;color:inherit;cursor:pointer}button{background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}figure{margin:0}input::-moz-focus-inner{border:0;padding:0;margin:0}ul,ol,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}cite{font-style:normal}fieldset{border-width:0;padding:0;margin:0}html{box-sizing:border-box;background:#FDFCFB;font-family:oxygen, sans-serif;font-size:10px;scroll-behavior:smooth}html,body{padding:0;margin:0;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;font-size:1.5em;font-family:'Montserrat', sans-serif}.section{min-height:100vh;position:relative}.section h2{font-family:'Montserrat', sans-serif;font-size:3rem;font-weight:900;letter-spacing:0.055em;text-transform:uppercase;margin-bottom:1rem}.section p{font-size:1.6rem}@keyframes blink{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes slideLeft{0%{transform:translateX(-400%)}50%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes slideTop{0%{transform:translateY(-200%)}100%{transform:translateY(0%)}}@media screen and (max-width: 1200px){.container{width:90%}.section.contact{background-position:bottom -200px left -300px, top -962px left -510px, top -700px right -1100px, top 0 left 0}.footer .container{width:90%}}@media screen and (max-width: 900px){.navbar{justify-content:center}.hero.container{width:90%}header{grid-template-areas:"img title title"
 "img summary summary"
 "blank links blank";padding-bottom:17rem}header .hero-summary{font-size:2rem;min-height:30vh}header .hero-img{align-self:start}.section h2{text-align:center}.skills .container{width:90%}.section.skills{margin-top:-18vh;padding-bottom:5rem;background-position:top -962px left -400px, top 180px left 100px, top 0px left 0px}.section.skills .skills-title{margin-top:6rem}.section.skills p{font-size:2rem}.skills .content{grid-template-columns:1fr}.skills-header{font-size:2rem}.skills-tabs{grid-template-columns:repeat(auto-fit, 130px)}.second-column{text-align:center}.section.projects p{font-size:2rem}.projects .container{width:90%}.projects-container{grid-template-columns:1fr 1fr}.contact .container{width:90%}.contact .container p{font-size:2rem}.contact .container .form-container{width:100%}.contact .container .input-required{font-size:1.5rem}.section.contact{background-position:bottom -170px left -620px, top -962px left -510px, top -700px right -1100px, top 0 left 0;padding-bottom:50rem}.footer .container{padding-bottom:1.5rem;padding-top:2rem;width:calc(100% - 4rem)}}@media screen and (max-width: 600px){.header-wrapper{-webkit-clip-path:polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);clip-path:polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0)}header{grid-template-areas:"img title"
 "summary summary"
 "links links";padding-bottom:17rem}header .hero-img{padding-right:0}header .hero-summary{font-size:2rem;min-height:25vh}header .hero-links{justify-self:center}.skills .content{grid-template-columns:1fr;width:90%;margin:0 auto}p.skills-summary{font-size:2rem}.skills-header{grid-template-columns:1fr 1fr 1fr;font-size:2rem}.skills-tabs{grid-template-columns:1fr 1fr 1fr}.second-column img,.second-column svg{width:100%}.projects-container{grid-template-columns:1fr}.projects-container img{width:100%}.projects-container .project-item:hover img{filter:none}.projects-container .project-item .item-details{bottom:0}.section.contact{background-position:bottom -170px left -820px, top -962px left -510px, top -700px right -1100px, top 0 left 0;padding-bottom:50rem}.footer .container .footer-links{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(3, 1fr);justify-content:center;justify-items:center;align-content:center;font-size:1.8rem}.footer .container .footer-links :nth-child(1){grid-column:1 / span 2}.footer .container .footer-links :nth-child(4){grid-column:1 / -1}.footer .container .footer__copyright{width:100%;padding-top:10px;border-top:1px solid #3333333d;order:7}}@media screen and (max-width: 600px) and (max-width: 480px){header{grid-template-areas:"img"
 "title"
 "summary"
 "links";justify-items:center;padding-bottom:12rem}header .hero-title{text-align:center;padding-top:1rem}header .hero-summary{padding:2rem;min-height:40vh}.navbar{justify-content:center;grid-gap:10px}.section h2{text-align:center}.section p{font-size:2rem}.header-wrapper,.hello{-webkit-clip-path:polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0);clip-path:polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0)}.section.skills{background-position:top -962px left -437px, top 200px left 83px, top 0px left 0px}.skills{margin-top:-20vh;padding-bottom:3rem}.skills .skills-left-rect{top:-978px}.skills .skills-right-rect{bottom:-235px;right:-786px}.skills .content{font-size:2rem;grid-template-columns:1fr;grid-auto-flow:row;width:90%;grid-gap:0;margin:0 auto}.skills .skills-header{grid-template-columns:1fr 1fr}.skills .skills-header :nth-child(1){grid-column-start:1;grid-column-end:-1}.skills .skills-tabs{grid-template-columns:1fr 1fr}.skills .second-column svg{width:90%;margin:0 auto;margin-top:-6rem;display:block}.projects .container{width:90%}.projects .projects-container{grid-template-columns:1fr;margin-left:auto;margin-right:auto}.projects .projects-container:hover img{filter:unset}.projects .project-item img{object-fit:cover;width:100%}.projects .item-details{bottom:0px}.contact{background-position:left -919px  top 843px, top -962px left -510px, top -700px right -1100px, top 0 left 0;padding-bottom:60rem}.contact .container{width:90%}.contact .form-container{width:100%}.contact .form-container .contact-form-grid{grid-template-columns:1fr}.contact .form-container .contact-form-grid input{margin-bottom:1rem}.contact .form-container .contact-form-grid label,.contact .form-container .contact-form-grid input,.contact .form-container .contact-form-grid textarea{grid-column:1 / 2}.contact .form-container input[type=submit]{width:100%}}@media screen and (max-width: 600px){.hello svg{width:90%}}