@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--color-bg:#2e3134;--color-bg-dark:#202124;--color-bg-varient:#353944;--color-primary:#2e3134;--color-primary-variant:#4db5ff;--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease}html{height:-webkit-fill-available;scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;transition:all .4s ease;transition:var(--transition)}section{background:#2e3134;background:var(--color-bg);color:#fff;color:var(--color-white)}.btn{background-color:#2e3134;background-color:var(--color-primary);border:1px solid #4db5ff;border:1px solid var(--color-primary-variant);border-radius:.4rem;color:#4db5ff;color:var(--color-primary-variant);cursor:pointer;display:flex;justify-content:center;padding:.75rem 1.2rem;width:120px}.btn:hover{background:transparent}body{background-color:#343541}.first-word{-webkit-animation:fadeInFromLeft 1s ease-out forwards;animation:fadeInFromLeft 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}.first-word,.second-word{color:#fff;font-size:60px;opacity:0}.second-word{-webkit-animation:fadeInFromRight 1s ease-out forwards;animation:fadeInFromRight 1s ease-out forwards;-webkit-animation-delay:4s;animation-delay:4s}.custom-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}@-webkit-keyframes fadeInFromRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInFromRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInFromLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInFromLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.header-container{background:transparent;display:flex;flex-direction:column;height:100vh;width:100%}video{background-position:50%;background-size:cover;object-fit:cover;position:fixed;z-index:-1}.scroll-background,video{height:100vh;width:100%}.scroll-background:after{background-color:var(--color-bg-varient);content:"";height:100vh;left:0;opacity:.7;position:absolute;top:0;width:100%}.header-container>.content{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.header-container>.content>h1{font-size:4rem;padding:.6rem 0 1.5rem}.header-container>.content>h5{font-size:2rem;font-weight:200;padding:.6rem 0 1.5rem}.header-button-container{align-items:center;display:flex;gap:10px;justify-content:center;padding:10px}@media screen and (max-width:640px){.header-container>.content>h1{font-size:2rem}.header-container>.content>.btn,.header-container>.content>h5{font-size:1rem}.header-button-container{flex-direction:column}}.socials-container{display:flex;font-size:25px;gap:10px;justify-content:center;padding:40px;text-decoration:none;width:100%}.socials-container>a{color:var(--color-light)}.socials-container>a:hover{color:#fff}.socials-container>a:visited{color:inherit}.about-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:800px;padding-top:100px}.about-container>h1{font-size:2rem;padding:40px}.text-box{color:var(--color-light);font-size:1.5rem;width:50%}@media screen and (max-width:1040px){.text-box{font-size:1rem;padding-top:50px}}.contact-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:800px;text-align:center;transition:var(--transition)}.contact-container>h1{font-size:2rem;padding:40px}.form-container{align-items:center;display:flex;justify-content:center;width:100%}.contact-container>.form-container>form>.button-container{margin-left:auto}button{background-color:var(--color-primary-variant);border:1px solid var(--color-primary-variant);border-radius:.4rem;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;text-decoration:none;transition:var(--transition);width:-webkit-max-content;width:max-content}button:hover{background:transparent;color:var(--color-primary-variant)}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:1px solid var(--color-white);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:600px}:focus,input,textarea{transition:var(--transition)}:focus{border:1px solid var(--color-primary-variant);outline:none!important}@media screen and (max-width:640px){input,textarea{width:350px}}.experience-container{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:800px;padding-bottom:100px;padding-top:100px}.experience-container>h1{font-size:2rem;padding:40px}.experience-card-container{align-items:center;display:flex;gap:30px;justify-content:center}.experience-card{background-color:var(--color-primary);border:1px solid var(--color-primary-variant);border-radius:.4rem;color:var(--color-light);cursor:pointer;height:300px;padding:.75rem 1.2rem;position:relative;text-align:center;top:0;transition:var(--transition);width:250px}.experience-card:hover{top:-20px}.experience-card-header{font-size:30px}.experience-card-header>h1{font-size:25px}.experience-card-header>h6{font-size:15px}.experience-card-body{align-items:center;display:flex;flex-direction:column;font-size:17px;gap:5px;height:60%;justify-content:center}@media screen and (max-width:1040px){.experience-card-container{flex-direction:column}}.footer-container{background:var(--color-bg-dark);height:100px}.nav{align-items:center;background:tranpsparent;display:flex;height:90px;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:1}.nav,.nav-scroll{transition:var(--transition)}.nav-scroll{background:var(--color-bg-dark)}.logo-text{color:var(--color-white)!important;display:flex;font-size:20px;font-weight:700;gap:5px;white-space:nowrap}.nav-menu{display:flex;justify-content:right;width:80%}.nav-menu>a{color:var(--color-light);font-size:1.2rem;font-weight:500;padding:0 1rem}.nav-menu>a.active,.nav-menu>a:hover{color:var(--color-white)}@media screen and (max-width:1040px){.nav-menu{display:none}}@media screen and (max-width:640px){.logo-text{font-size:1rem}}.projects-container{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:800px;padding-bottom:100px;padding-top:100px}.projects-container>h1{font-size:2rem;padding:40px}.projects-card-container{align-items:center;display:flex;gap:30px;justify-content:center}.projects-card{background-color:var(--color-primary);border:1px solid var(--color-primary-variant);border-radius:.4rem;color:var(--color-light);cursor:pointer;height:400px;padding:.75rem 1.2rem;position:relative;text-align:center;top:0;transition:var(--transition);width:350px}.projects-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}img{height:100%;object-fit:cover;width:100%}.projects-button-container{display:flex;gap:4px;padding:5px}.projects-display{border:2px solid var(--color-primary);border-radius:.4rem;cursor:pointer;height:100%;overflow:hidden;width:100%}.projects-card-header{font-size:30px}.projects-card>h1{font-size:25px}.projects-card-header>h6{font-size:15px}.projects-card-body{align-items:center;display:flex;flex-direction:column;font-size:17px;gap:30px;height:100%;justify-content:center;width:100%}.projects-button-container>.btn:hover{background:var(--color-primary-variant);color:var(--color-primary)}@media screen and (max-width:1040px){.projects-card-container{flex-direction:column}}.mobile-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);bottom:-100%;gap:.8rem;left:50%;padding:.7rem 1.8rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}.mobile-nav,.mobile-nav>a{border-radius:3rem;display:flex}.mobile-nav>a{background:transparent;color:var(--color-light);font-size:1.1rem;padding:.9rem}.mobile-nav>a:hover{background:rgba(0,0,0,.3)}.mobile-nav>a.active{background:var(--color-bg);color:var(--color-white)}@media screen and (max-width:1040px){.mobile-nav{bottom:2rem;transition:var(--transition)}}
/*# sourceMappingURL=main.956bfb35.css.map*/