@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500&family=Open+Sans:wght@300;400;500;600;700&display=swap";.wrapper{background-color:#090909;color:#f4f4f4;overflow:hidden}.wrapper:before{content:"";width:100%;height:100%;left:0;top:0;position:absolute;position:fixed;background:url(/assets/bg-dark-edit-02-CAha6Dnx.jpg) no-repeat center center/cover;opacity:.4}.navbar{width:90%;margin:auto;min-height:7rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.navbar .nav-logo-container{width:0}.navbar .nav-logo-container .nav-logo-name{max-width:15rem}.navbar .flex-navigation{width:50%;display:flex;justify-content:space-between;display:none;list-style-type:none;font-size:2rem}@media only screen and (min-width:1200px){.navbar .flex-navigation{display:flex}}.navbar .flex-navigation .nav-dark-light-toggle{width:20px;height:20px;cursor:pointer}.navbar .flex-navigation .nav-dark-light-toggle:hover{color:#148ea9}.navbar .hamburger{width:1000%;margin:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media only screen and (min-width:1200px){.navbar .hamburger{display:none}}.navbar .hamburger .hamburger-content{height:100%;position:relative}.navbar .hamburger .hamburger-content div{background-color:#fff;position:relative;border-radius:5px;width:4rem;height:4px;transform-origin:center;z-index:100;transition:all .4s ease-in-out}.navbar .hamburger .hamburger-content div:not(:last-child){margin-bottom:1rem}.navbar .hamburger .hamburger-content div:first-child{top:0}.navbar .hamburger .hamburger-content #hamburgerToggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(4);opacity:0;cursor:pointer;z-index:10000}@media only screen and (min-width:1200px){.navbar .hamburger .hamburger-content #hamburgerToggle{display:none}}.navbar .hamburger .hamburger-content #hamburgerToggle:checked~div{transform:rotate(45deg) translate(1rem,1rem)}.navbar .hamburger .hamburger-content #hamburgerToggle:checked~div:nth-child(3){opacity:0;transform:rotate(0) scale(.2)}.navbar .hamburger .hamburger-content #hamburgerToggle:checked~div:last-child{transform:rotate(-45deg) translate(1rem,-1rem)}.navbar .hamburger .hamburger-content #hamburgerToggle:checked .toggle-menu{transform:translate(0)}.navbar .hamburger .toggle-menu{position:absolute;left:-5%;top:0;width:100vw;height:100vh;display:flex;align-items:center;transform:translateY(-100%);visibility:hidden;transition:all .3s ease-in-out;z-index:50;opacity:0}@media only screen and (min-width:1200px){.navbar .hamburger .toggle-menu{display:none}}.navbar .hamburger .toggle-menu:before{position:absolute;content:"";width:100vw;height:100%;background-color:#090909;opacity:.95}.navbar .hamburger .toggle-menu .toggle-menu-content{list-style-type:none;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:2rem;left:50%;height:80vh;transform:translate(-50%);font-size:4rem}.navbar .hamburger .toggle-menu .toggle-menu-content a{text-align:left}.navbar .hamburger .show-toggle-menu{transform:translateY(0);visibility:visible;opacity:1}li{font-family:Josefin Sans,sans-serif;text-transform:uppercase;color:inherit;text-decoration:none;cursor:pointer}li:hover{color:#f6476f}.nav-dark-light-toggle{cursor:pointer}.nav-dark-light-toggle:hover{color:#148ea9}.nav-dark-light-toggle:active{color:#cd0a37}.hero-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap-reverse;width:90%;margin:3rem auto;position:relative}@media only screen and (min-width:1200px){.hero-container{flex-wrap:nowrap;width:90%;min-height:55vh;max-width:125rem;margin:6rem auto 0}}.hero-container .hero-portrait{width:60%;max-width:45rem;min-width:25rem;margin:auto}@media only screen and (min-width:1200px){.hero-container .hero-portrait{max-width:55rem;position:absolute;right:0;z-index:5;transform:translateY(5rem)}}.hero-container--text{width:100%;display:flex;flex-direction:column;margin-top:-10vw;z-index:10}@media only screen and (min-width:1200px){.hero-container--text{margin:0}}.hero-container--text h1{font-family:Josefin Sans,sans-serif;text-align:center;font-weight:700;letter-spacing:clamp(1px,10vw,5px);font-size:clamp(4rem,10vw,10rem);margin-bottom:2rem}@media only screen and (min-width:1200px){.hero-container--text h1{text-align:left}}.hero-container--text .sub-heading{align-self:center;font-size:clamp(2.5rem,5vw,3.5rem);display:flex;max-width:80rem;padding-left:5vmax;padding-right:2rem;flex-direction:column;justify-content:space-evenly}@media only screen and (min-width:1200px){.hero-container--text .sub-heading{width:50%;align-self:flex-start;margin-left:10rem}}.hero-container--text .hero-btn{margin-top:4rem}.hero-container--text .hero-btn:hover{box-shadow:0 0 0 2rem #ffffff0d,0 0 0 4rem #9696961a,0 0 0 6rem #5e5e5e1a}.hero-container--text .hero-btn:active{box-shadow:0 0 0 1rem #ffffff1a,0 0 0 2rem #96969633,0 0 0 3rem #5e5e5e33}.work-container{position:relative;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;filter:drop-shadow(0 20px 0px rgba(255,255,255,.082)) drop-shadow(0 -20px 0px rgba(255,255,255,.082))}@media only screen and (min-width:1200px){.work-container{filter:drop-shadow(0 50px 1px rgba(255,255,255,.082)) drop-shadow(0 -50px 1px rgba(255,255,255,.082))}}.work-container .content-container{background-color:#0f0f0f;clip-path:polygon(0 7%,100% 0,100% 100%,0 93%);padding:15rem 0 20rem;width:100%}@media only screen and (min-width:1200px){.work-container .content-container{clip-path:polygon(0 25%,100% 0,100% 100%,0 80%);padding:30rem 0;transform:translateY(-3rem)}}.work-container .work-heading-container{max-width:110rem;display:flex;justify-content:space-evenly;align-items:center;margin:auto;margin-bottom:2rem;position:relative;z-index:2}.work-container .work-heading-container .work-icon{font-size:clamp(2.5rem,5vw,3.5rem);cursor:pointer;transition:all .2s;border-radius:50%}.work-container .work-heading-container .work-icon-active{outline:1px dashed #fff;outline-offset:1rem;border-radius:50%;color:#f6476f}.work-container .work-heading-container h2{font-family:Josefin Sans,sans-serif;font-size:4rem;text-transform:uppercase;padding:2rem;font-weight:500}.work-container .github-container{width:90%;max-width:100rem;margin:auto;position:relative;display:flex;flex-wrap:wrap;gap:6rem;padding-bottom:4rem}.work-container .arrow-container{width:95%;max-width:125rem;font-size:3rem;display:flex;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:10}.work-container .arrow-container .arrow{cursor:pointer}.card-container{position:relative;z-index:1;width:40rem;min-height:40rem;min-width:25rem;margin:auto;box-shadow:0 0 0 1rem #1f1f1f52,0 0 0 2rem #6262620b;background-color:#111;border-radius:15px;cursor:pointer;transition:all .4s ease-in-out;overflow:hidden}.card-container .img-wrapper{background-color:#000}.card-container .img-wrapper img{width:100%;object-fit:contain;transition:all .3s;box-shadow:0 0 1px transparent;opacity:.8}.card-container .img-wrapper img:hover{transform:scale(1.1);opacity:1}.card-container .card-description{position:absolute;width:100%;min-height:20rem;padding:1.5rem;line-height:1.8;bottom:0;left:0;background-color:#1f1f1f;cursor:default}.card-container .card-description h3{text-align:center}.card-container .card-description a{text-decoration:none;font-weight:700;color:#148ea9;text-align:right}.about-container{width:80%;max-width:55rem;margin:auto;position:relative;line-height:2;margin-bottom:10rem}.about-container:before{content:"";width:100%;height:150%;left:100%;position:absolute;background-color:#090909;transform:scale(2) rotate(20deg) translate(-50%);clip-path:polygon(0 10%,100% 17%,100% 80%,0% 100%);z-index:0;opacity:.5;display:none}@media only screen and (min-width:1200px){.about-container:before{display:block}}.about-container .about-content{position:relative;z-index:1}@media only screen and (min-width:1200px){.about-container .about-content{top:-3rem}}.about-container .about-content h2{font-family:Josefin Sans,sans-serif;text-transform:uppercase;text-align:center;font-weight:500;font-size:4rem}.about-container .about-content .general{font-weight:400}.about-container .about-content .about-section{margin:3rem 0}.about-container .about-content .about-section p{font-weight:300}.about-container .about-content .technologies-icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem}.contact-container{height:100%;margin:auto;position:relative;filter:drop-shadow(0 -20px 0px rgba(255,255,255,.082))}@media only screen and (min-width:1200px){.contact-container{filter:drop-shadow(0 -50px 1px rgba(255,255,255,.082))}}.contact-container .content-container{background-color:#0f0f0f;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);padding:5rem 0;display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:1200px){.contact-container .content-container{clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);padding:15rem 0 5rem}}.contact-container .contact-heading{text-align:center}@keyframes bellRinging{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(0)}}.contact-container .contact-heading img{position:relative;animation-duration:.3s;animation-delay:.3s;animation-iteration-count:4;animation-timing-function:ease-in-out}.contact-container .contact-heading h2{font-family:Josefin Sans,sans-serif;text-transform:uppercase;font-weight:500;font-size:4rem}.contact-container form{position:relative;width:90%;max-width:50rem;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-container form .input-group{width:100%;display:flex;flex-direction:column;padding:1rem}.contact-container form .input-group label{padding-bottom:.5rem}.contact-container form .input-group input,.contact-container form .input-group textarea{padding:1rem;border:none;border-radius:4px;font-size:1.6rem;font-family:Open Sans,sans-serif}.contact-container form .input-group input:focus,.contact-container form .input-group textarea:focus{outline:2px solid #148EA9;outline-offset:2px}.contact-container form .input-group textarea{min-height:20rem;min-width:20rem;max-width:100rem}.contact-container .btn-contact{margin:3rem 0 0;font-size:2rem}footer{position:relative;bottom:0;width:100%;margin:auto;z-index:100;font-size:1.5rem;background-color:#0f0f0f}footer .footer-content{width:90%;max-width:125rem;height:10rem;margin:auto;display:flex;justify-content:space-between;align-items:center}footer .footer-content div{width:33%}footer .footer-content .scroll-to-top{width:33%}footer .footer-content .scroll-to-top .arrow-up{text-transform:uppercase;font-size:4rem;padding:.5rem;border-radius:50%;background-color:#eee;color:#222;cursor:pointer;transition:all .1s}footer .footer-content .scroll-to-top .arrow-up:hover{transform:scale(1.1);color:#f6476f}footer .footer-content div:last-child{text-align:right}footer .footer-content .footer-icons{font-size:2rem;display:flex;justify-content:space-around;align-items:center}footer .footer-content .footer-icons *:hover{cursor:pointer;color:#f6476f}.btn{font-size:2.5rem;text-transform:uppercase;border:none;padding:2rem;width:22rem;font-weight:700;border-radius:15px;background-color:#f6476f;color:#f4f4f4;cursor:pointer;transition:all .2s}.btn:hover{background-color:#f41649;transform:translateY(-1px)}.btn:active{background-color:#cd0a37;transform:translateY(1px)}*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6rem;line-height:1.5;height:100vh;width:100vw;background-color:#090909;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}