@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}html{font-size:10px;font-family:"Montserrat",sans-serif;scroll-behavior:smooth}a,a:active,a:hover,a:link,a:visited{text-decoration:none!important}.container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.spinner{width:100%;height:100%;background-color:#fff;z-index:10}.spinner .loading-text{color:#000}.error-page{width:100%;height:100%;padding:40px;background-color:#fff;color:#b91313;z-index:10}.error-page h1{font-size:1.3rem;color:#b91313!important}img{height:100%;width:100%;object-fit:cover}p{color:#000;font-size:1.6rem;margin-top:5px;line-height:2.5rem;font-weight:300;letter-spacing:.05rem}.section-title{font-size:4rem;font-weight:300;margin-bottom:10px;text-transform:uppercase;letter-spacing:.2rem;text-align:center}.section-title span{color:#f05}.cta{display:inline-block;padding:10px 30px;color:#fff;background-color:initial;border:2px solid #f05;font-size:2rem;text-transform:uppercase;letter-spacing:.1rem;margin-top:36px;transition:.3s ease;transition-property:background-color,color}.cta:hover{color:#fff;background-color:#f05}.brand h1{font-size:3rem;text-transform:uppercase;color:#fff}.brand span{color:#f05}.pointer{cursor:pointer}@media only screen and (min-width:768px){.cta{font-size:2.5rem;padding:20px 60px}h1.section-title{font-size:6rem}}header{position:fixed;left:0;top:0;height:10vh;width:100vw;padding:25px;z-index:100;transition:background-color .5s ease}header .brand{position:absolute;top:25%;left:5%}nav{justify-content:center;width:100%}.nav-links,nav{display:flex;align-items:center}.nav-links{list-style:none;height:100%;width:50%;justify-content:space-around;margin-left:auto;margin-top:auto}.nav-links li a{color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease}.nav-links li:hover a{color:#f05}@media screen and (max-width:960px){header .brand{top:35%}header .brand h1{font-size:2.5rem}nav{width:70%;justify-content:start}.line{width:30px;height:3px;background:#fff;margin:5px}.hamburger{position:absolute;width:30%;left:90%;top:55%;-webkit-transform:translate(-5%,-50%);transform:translate(-5%,-50%);z-index:2;cursor:pointer}.hamburger div{transition:all .3s ease}.nav-links{position:fixed;background-color:#131418;height:100vh;width:100%;top:0;right:0;flex-direction:column;clip-path:circle(100px at 90% -15%);-webkit-clip-path:circle(100px at 90% -15%);transition:all 1s ease-in-out;pointer-events:none}.nav-links li{opacity:0}.nav-links li a{font-size:25px}.nav-links li a:after{content:attr(data-after);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);color:#f0f8ff;opacity:.02;font-size:12rem;letter-spacing:50px;z-index:-1;transition:letter-spacing .3s ease}.nav-links li:hover a:after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);letter-spacing:normal}.nav-links li:first-child{transition:all .3s ease .2s}.nav-links li:nth-child(2){transition:all .3s ease .5s}.nav-links li:nth-child(3){transition:all .3s ease .8s}.nav-links li:nth-child(4){transition:all .3s ease 1.1s}.nav-links li:nth-child(5){transition:all .3s ease 1.4s}.nav-links li.fade{opacity:1!important}.nav-links.open{clip-path:circle(1500px at 100% -15%);-webkit-clip-path:circle(1500px at 100% -15%);pointer-events:all}.toggle .line1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}}#hero{background-image:url(/static/media/hero-bg-workstation.ed90dd85.png);background-size:cover;background-position:top;position:relative;z-index:1}#hero:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.9;z-index:-1}#hero .hero{max-width:1200px;margin:0 auto;padding:0 50px;justify-content:flex-start}#hero h1{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:4rem;position:relative;color:transparent;-webkit-animation:text_reveal .5s ease forwards;animation:text_reveal .5s ease forwards;-webkit-animation-delay:1s;animation-delay:1s}#hero h1:first-child{-webkit-animation-delay:1s;animation-delay:1s}#hero h1:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}#hero h1:nth-child(3){font-weight:500;-webkit-animation:text_reveal_name .5s ease forwards;animation:text_reveal_name .5s ease forwards;-webkit-animation-delay:3s;animation-delay:3s}#hero h1 span{position:absolute;top:0;left:0;height:100%;width:0;background-color:#f05;-webkit-animation:text_reveal_box 1s ease;animation:text_reveal_box 1s ease;-webkit-animation-delay:.3s;animation-delay:.3s}#hero h1:first-child span{-webkit-animation-delay:.5s;animation-delay:.5s}#hero h1:nth-child(2) span{-webkit-animation-delay:1.5s;animation-delay:1.5s}#hero h1:nth-child(3) span{-webkit-animation-delay:2.5s;animation-delay:2.5s}@-webkit-keyframes text_reveal_box{50%{width:100%;left:0}to{width:0;left:100%}}@keyframes text_reveal_box{50%{width:100%;left:0}to{width:0;left:100%}}@-webkit-keyframes text_reveal{to{color:#fff}}@keyframes text_reveal{to{color:#fff}}@-webkit-keyframes text_reveal_name{to{color:#f05;font-weight:500}}@keyframes text_reveal_name{to{color:#f05;font-weight:500}}@media only screen and (min-width:768px){#hero h1{font-size:7rem;line-height:100px}}#experiences .experiences{flex-direction:column;max-width:1200px;margin:0 auto;padding:100px 0 50px}#experiences .experiences-header h1{margin:60px 0}.experiences-timeline{position:relative;margin:50px auto 0;padding:0 40px;width:1160px}.experiences-timeline ul{list-style:none}.experiences-timeline:before{position:absolute;content:"";left:50%;top:-40px;width:2px;height:100%;background:#3a3b3c}.experiences-timeline .time{font-size:1.6rem;color:#b0b3b8}.experiences-timeline li{position:relative;width:50%;padding:20px 40px;background:#242526;border-radius:8px;margin-bottom:50px;display:flex;flex-direction:column}.experiences-timeline li:nth-child(odd){text-align:right;margin-right:auto;margin-left:-20px}.experiences-timeline li:nth-child(odd):before{content:"";position:absolute;top:24px;right:-26px;width:10px;height:10px;background:#f05;border-radius:50%}.experiences-timeline li:nth-child(odd) .time{position:absolute;top:12px;right:-200px;padding:8px 16px;background:#4e4f50;border-radius:18px}.experiences-timeline li:nth-child(2n){text-align:left;margin-left:auto;margin-right:-20px}.experiences-timeline li:nth-child(2n):before{content:"";position:absolute;top:24px;left:-24px;width:10px;height:10px;background:#f05;border-radius:50%}.experiences-timeline li:nth-child(2n) .time{position:absolute;top:12px;left:-200px;padding:8px 16px;background:#4e4f50;border-radius:18px}.timeline-item{padding-bottom:20px}.timeline-item .title{display:flex;flex-direction:column;align-items:center;color:#e4e6eb;padding-bottom:20px;border-bottom:1px solid #3a3b3c;margin-bottom:20px;font-size:2rem}.timeline-item .icon{height:80px;width:80px;margin-right:10px}.timeline-item p{color:#fff;position:relative}.timeline-item:hover{-webkit-transform:scale(1.06);transform:scale(1.06);transition:transform .3s ease}@media only screen and (max-width:1200px){.experiences-timeline{width:100%;padding:40px}}@media only screen and (max-width:768px){.experiences-timeline:before{left:20px}.experiences-timeline li:nth-child(2n),.experiences-timeline li:nth-child(odd){margin-left:0;margin-right:0;width:100%;text-align:left}.experiences-timeline li:nth-child(2n) .time,.experiences-timeline li:nth-child(odd) .time{top:-17px;left:40px;right:inherit}.experiences-timeline li:nth-child(2n):before,.experiences-timeline li:nth-child(odd):before{top:-5px}.experiences-timeline li:nth-child(odd):before{left:-24px}.experiences-timeline .timeline-item .title{padding-top:20px}}#skills{background-size:cover;background-position:top}#skills .skills{flex-direction:column;text-align:center;max-width:1500px;margin:0 auto;padding:100px 0 50px}#skills .skills-header h1{margin:60px 0}#skills .skills-header p{margin:0 40px}#skills .skills-cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:50px}#skills .skill-item{flex-basis:80%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:30px;border-radius:10px;background-image:url(/static/media/img-1.1d0f4324.png);background-position-x:center;background-size:cover;margin:10px 5%;position:relative;z-index:1;color:#fff;overflow:hidden}#skills .skill-item:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#181833;opacity:.6;z-index:-1}#skills .skill-item .icon{height:80px;width:80px;margin-bottom:20px}#skills .skill-item h2{font-size:2rem;color:#fff;margin-bottom:10px;text-transform:uppercase}#skills .skill-item p{color:#fff;text-align:left}@media only screen and (min-width:768px){#skills .skills-cards .skill-item{flex-basis:45%;margin:1.5%}}@media only screen and (min-width:1200px){#skills .skills-cards .skill-item{flex-basis:22%;margin:1.5%}}#about .about{flex-direction:column-reverse;text-align:center;max-width:1200px;margin:0 auto;padding:100px 0 50px}#about .col-left{width:250px;height:360px;margin-right:50px}#about .col-left .about-img{position:relative}#about .col-left .about-img img{-webkit-filter:drop-shadow(0 5px 3px #000);filter:drop-shadow(0 5px 3px black)}#about .col-left .about-img:after{content:"";position:absolute;left:-33px;top:30px;height:95%;width:95%;border:7px solid #f05;z-index:-1}#about .col-right{width:100%}#about .col-right h2{font-size:2rem;font-weight:500;letter-spacing:.2rem;margin-bottom:10px}#about .col-right p{margin:20px 40px}#about .col-right .cta{color:#000;margin-bottom:50px;padding:10px 20px;font-size:2rem}@media only screen and (min-width:768px){#about .about{flex-direction:row}#about .col-left{width:600px;height:400px;padding-left:60px}#about .col-left .about-img:after{left:-45px;top:34px;height:98%;width:98%;border:10px solid #f05}#about .col-right{text-align:left;padding:30px}#about .col-right h1{text-align:left}#about .col-right p{margin:20px 0}}@media only screen and (min-width:1200px){#about .col-right p{margin:20px 0}}#contact .contact{flex-direction:column;max-width:1200px;margin:0 auto;padding:100px 0 50px}#contact .contact h1{padding-top:50px}#contact .contact .boxes{display:flex;flex-direction:column-reverse;align-items:center;margin-top:20px}#contact .contact-items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#contact .contact-items .contact-item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-basis:80%;max-width:300px;padding:30px;margin:30px;text-align:center;border-radius:10px;box-shadow:0 0 18px 0 rgba(0,0,0,.172549);transition:box-shadow .3s ease}#contact .contact-items .contact-item:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.172549)}#contact .contact-items .contact-item .icon{width:70px;margin:0 auto 10px}#contact .contact-items .contact-item .contact-info h1{font-size:2.8rem;font-weight:500;margin-bottom:5px}#contact .contact-items .contact-item .contact-info p{line-height:2rem;font-weight:500}#contact .contact-items .contact-item .contact-info a{font-size:1.6rem}@media only screen and (min-width:768px){#contact .contact-item{flex-basis:45%}}@media only screen and (min-width:1127px){#contact .contact .boxes{flex-direction:row}}.contact-form-container{display:flex;flex-direction:column;min-width:280px;padding:10px}.contact-form-container .contact-form{padding:20px;border-radius:10px;box-shadow:0 0 18px 0 rgba(0,0,0,.172549);transition:box-shadow .3s ease}.contact-form-container .contact-form:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.172549)}.contact-form-container .contact-form .title{text-align:center;font-size:2.8rem;font-weight:500;color:#000;padding-top:30px!important}.contact-form-container .contact-form .note{line-height:20px;font-size:1.2rem;font-weight:700}.contact-form-container .contact-form label{font-size:1.4rem;margin-top:5px}.contact-form-container .contact-form button,.contact-form-container .contact-form input,.contact-form-container .contact-form select,.contact-form-container .contact-form textarea{padding:1rem;border-radius:.5rem;border:.1rem solid #787878;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.contact-form-container .contact-form textarea{resize:none;width:100%}.contact-form-container .contact-form button{cursor:pointer}.contact-form-container .contact-form button.primary{background-color:#3d3d3d;color:#fff;margin-top:10px}.contact-form-container .contact-form button.secondary{background-color:#cacaca;margin-top:10px}.contact-form-container .contact-form button.block{width:100%}.contact-form-container .contact-form button:hover,.contact-form-container .contact-form input:hover,.contact-form-container .contact-form textarea:hover{border:1px solid #000}.contact-form-container .contact-form .form-field{display:flex;flex-direction:column;margin-top:20px}.contact-form-container .contact-form .btn-container{margin-top:20px}@media only screen and (min-width:1127px){.contact-form-container{min-width:390px}}@media only screen and (min-width:768px){.contact-form-container{min-width:390px}}#footer{background:#242526}#footer .footer{min-height:200px;width:80%;flex-direction:column;margin:0 auto;padding-top:50px;padding-bottom:10px}#footer h2{color:#fff;font-weight:500;font-size:2rem;letter-spacing:.1rem;margin-top:10px;margin-bottom:10px}#footer .social-icon{display:flex;margin-bottom:30px}#footer .social-item{height:50px;width:50px;margin:0 5px}#footer .social-item img{-webkit-filter:grayscale(1);filter:grayscale(1);transition:filter .3s ease}#footer .social-item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}#footer p{color:#fff;font-size:1.3rem}.admin #top{background-image:url(/static/media/hero-bg-workstation.ed90dd85.png);background-size:cover;background-position:top;position:relative;z-index:1}.admin #top:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.9;z-index:-1}.admin .column{flex-direction:column}.admin h1{color:#fff}.admin h2{font-size:3rem;margin-top:150px;margin-bottom:20px}.admin .cta{color:#fff;margin:20px 10px;padding:10px;font-size:2rem}.admin .cta:hover{color:#fff}.admin-nav-links{position:absolute;top:30%;left:86%}.admin-nav-links button{width:100%;height:100%;background-color:initial;border-radius:10%;cursor:pointer}.admin-nav-links img{width:35px;height:35px}.table-form-container{width:98%;display:flex;flex-direction:row}.table-container{width:70%;padding:10px;overflow-x:scroll}.table-container table{width:100%;font-size:1.2rem;border:none}.table-container table .table-head{text-align:left;background-color:#787878}.table-container table th{font-size:1.5rem;padding:10px}.table-container table td{font-size:1.2rem;padding:10px}.table-container table td .action{font-size:1.2rem;font-weight:700;cursor:pointer;text-decoration:underline;margin-right:5px}.table-container table tr:nth-child(2n){background-color:#ececec}.form-container{display:flex;flex-direction:column;width:30%;padding:10px}.form-container .form{background-color:#ececec;border:1px solid #787878;padding:20px;border-radius:10px}.form-container .form .title{text-align:center;font-size:2rem;color:#000}.form-container .form .note{line-height:20px;font-size:1.2rem;font-weight:700}.form-container .form label{font-size:1.4rem;margin-top:5px}.form-container .form button,.form-container .form input,.form-container .form select,.form-container .form textarea{padding:1rem;border-radius:.5rem;border:.1rem solid #787878;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-container .form textarea{resize:none;width:100%}.form-container .form button{cursor:pointer}.form-container .form button.primary{background-color:#3d3d3d;color:#fff;margin-top:10px}.form-container .form button.secondary{background-color:#cacaca;margin-top:10px}.form-container .form button.block{width:100%}.form-container .form button:hover,.form-container .form input:hover,.form-container .form textarea:hover{border:1px solid #000}.form-container .form .form-field{display:flex;flex-direction:column;margin-top:20px}.form-container .form .btn-container{margin-top:20px}.outer-link{text-align:center;font-size:1.3rem;margin-top:10px}.error-text{color:#b91313}.error-text,.success-text{font-size:1rem;font-weight:700}.success-text{color:#05b823}@media only screen and (max-width:1200px){.admin h2{margin-top:100px}.admin .table-form-container{width:100%}.admin .form-container{width:60%}.admin .table-container{width:100%}.admin .cta{display:block;text-align:center}.form-container{width:60%}}@media only screen and (max-width:768px){.admin .form-container{width:100%}.admin .cta{display:block}.admin .table-form-container{flex-direction:column}.form-container{width:100%}}
/*# sourceMappingURL=main.51e76a12.chunk.css.map */