@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);:root{--color-black:#000;--color-white:#fff;--color-overlay:rgba(0,0,0,0.65);--color-overlay-light:rgba(0,0,0,0.4);--color-card-bg:rgba(0,0,0,0.9);--font-primary:"Montserrat",sans-serif;--font-display:"Raleway",sans-serif;--font-accent:"Great Vibes",cursive;--transition-speed:0.4s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-weight:100}body,h1,h2,h3,h4,h5,h6,li,p{font-family:var(--font-primary);color:var(--color-white)}h1{font-size:72px}h1,h2{font-weight:600}h2{font-size:42px}h3{font-size:28px}h3,h4{font-weight:600}h4{font-size:20px}p{font-weight:100;margin:10px 5%;line-height:1.6}a{color:var(--color-white);text-decoration:none;transition:opacity var(--transition-speed) ease}a:hover{opacity:.8}button,input,textarea{font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}@media only screen and (max-width:800px){h1{font-size:48px}h2{font-size:28px}h3{font-size:22px}p{font-weight:400;font-size:18px}}.page-background{background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;position:fixed;inset:0;z-index:0}.page-background--main{background-image:url(../img/bg-main.da216f62.jpg)}.page-background--work{background-image:url(../img/bg-work.f56e1a8e.jpg)}.page-background--about{background-image:url(../img/bg-portfolio.7b1ddd1b.jpg)}.page-background--contact{background-image:url(../img/bg-contact.a0c0b718.jpg)}.page-overlay{background:var(--color-overlay);position:relative;min-height:100vh;width:100%;z-index:2}.content-wrapper{background:var(--color-overlay-light);position:relative;padding:2em 2.5%;width:95%;margin:0 auto;z-index:3}.divider{background:var(--color-white);height:1px;width:80%;margin:.5em auto}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2em;padding:1em 0}@media only screen and (max-width:800px){.content-wrapper{width:90%;left:5%;padding:2em 0}}.loader{background:var(--color-black);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease;z-index:9999}.loader--hidden{opacity:0;pointer-events:none}.loader__spinner{background:var(--color-white);border-radius:50%;height:200px;width:200px;display:flex;align-items:center;justify-content:center}.loader__text{color:var(--color-black);font-family:var(--font-display);font-size:32px;font-weight:600}.loader__text span{animation:dots 1.4s infinite both}.loader__text span:nth-child(2){animation-delay:.2s}.loader__text span:nth-child(3){animation-delay:.4s}@keyframes dots{0%,to{opacity:.2}20%{opacity:1}}.burger{cursor:pointer;position:fixed;width:30px;height:30px;right:4%;top:4%;z-index:999;mix-blend-mode:difference;transition:transform var(--transition-speed) ease;background:transparent;border:none}.burger:hover{transform:scale(1.25)}.burger__line{display:block;height:1px;width:100%;background:var(--color-white);position:absolute;left:0;transition:all .25s ease-in-out;mix-blend-mode:difference}.burger__line--top{top:10%}.burger__line--middle{top:50%}.burger__line--bottom{top:90%}.burger--open .burger__line--top{top:50%;transform:rotate(135deg)}.burger--open .burger__line--middle{opacity:0}.burger--open .burger__line--bottom{top:50%;transform:rotate(-135deg)}.nav-overlay{background:rgba(0,0,0,.92);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:996;transform:translateY(-100%);transition:transform .5s ease-in-out}.nav-overlay--open{transform:translateY(0)}.nav-overlay__list{list-style:none;text-align:center;padding:0}.nav-overlay__item{margin:20px 0}.nav-overlay__link{font-size:48px;font-weight:100;display:inline-block;position:relative;padding-bottom:4px}.nav-overlay__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-white);transition:width var(--transition-speed) ease}.nav-overlay__link:hover:after{width:100%}.btn-outline{display:inline-block;border:2px solid var(--color-white);background:transparent;color:var(--color-white);cursor:pointer;font-family:var(--font-display);font-weight:200;font-size:28px;line-height:60px;height:60px;width:150px;text-align:center;transition:all var(--transition-speed) ease}.btn-outline:hover{background:var(--color-white);color:var(--color-black)}.btn-outline a{display:block;width:100%;height:100%;font-family:var(--font-display);font-weight:200;font-size:28px;line-height:60px}.btn-outline:hover a{color:var(--color-black)}.project-card{background:var(--color-card-bg);display:inline-block;width:30%;min-width:280px;text-align:center;cursor:pointer;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.project-card__image{width:100%;height:auto;display:block}.project-card__title{font-size:22px;margin:.8em 0 .4em}.project-card__desc{font-size:14px;padding:0 1em 1.5em}.project-card__badge{background:#c0392b;padding:.4em 0}.project-card__badge p{font-weight:600;font-size:12px;margin:0}.tech-icons{padding:2em 0;text-align:center}.tech-icons__icon{height:96px;width:auto;padding:.8em;transition:transform .3s ease}.tech-icons__icon:hover{transform:scale(1.1)}.avatar{background-image:url(../img/DeveloperMe.9e282ab5.jpg);background-repeat:no-repeat;background-size:115%;background-position:55% 0;height:220px;width:220px;border-radius:50%;overflow:hidden;margin:1em auto;flex-shrink:0}.contact-section{background:var(--color-overlay);min-height:100vh;width:100%;position:relative;z-index:2;display:flex;align-items:center}.contact-section__left{width:50%;padding-left:15%}.contact-section__heading{font-family:var(--font-display);font-size:72px;font-weight:600}.contact-section__line{background:var(--color-white);height:1px;width:75px;margin-top:1em}.contact-section__right{width:50%;padding:0 10%}.form-field{display:flex;flex-direction:column;margin-bottom:1.2em}.form-field__label{color:var(--color-white);font-family:var(--font-accent);font-size:18px;margin-bottom:.3em}.form-field__input,.form-field__textarea{background:transparent;border:none;border-bottom:1px solid var(--color-white);color:var(--color-white);padding:.5em 0;font-size:16px;width:100%;transition:border-color var(--transition-speed) ease}.form-field__textarea{border:1px solid var(--color-white);resize:none;height:150px;padding:.5em}.form-field__input:focus,.form-field__textarea:focus{outline:none;border-color:hsla(0,0%,100%,.6)}.form-counter{font-size:14px;margin:.5em 0;opacity:.7}.form-submit{margin-top:1em;background:transparent;border:none;padding:0;cursor:pointer}@media only screen and (max-width:800px){.loader__spinner{height:150px;width:150px}.loader__text{font-size:22px}.nav-overlay__link{font-size:36px}.project-card{width:95%;min-width:unset}.tech-icons__icon{height:56px}.avatar{height:70vw;width:70vw;max-height:280px;max-width:280px}.contact-section{flex-direction:column;padding:2em 0}.contact-section__left{width:100%;padding:2em 5%;text-align:center}.contact-section__heading{font-size:48px}.contact-section__line{margin:.5em auto}.contact-section__right{width:100%;padding:0 5%}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}