body{margin:0;scrollbar-gutter:auto}#home{width:auto;height:100vh;background:#000}.navbar-container{display:flex;justify-content:space-between}#hva-logo{position:relative;width:100px;height:100px;padding:10px}ul{float:right;display:flex;flex-direction:row;margin:0;padding-left:0;padding-right:30px;padding-top:30px}.lato{font-family:Lato,Helvetica,sans-serif;font-size:32px;color:#fff;margin:0;padding:0}.black{color:#000}.navbar-button{padding-left:60px;list-style-type:none}button{color:#fff;text-decoration:none;display:inline-block;padding-bottom:5px;position:relative;background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}button:link{text-decoration:none}button:visited{text-underline:white}button:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;text-underline:white;transition:width .3s ease 0s,left .3s ease 0s;width:0}button:active{text-underline:white}button:hover:after{width:100%;left:0}.navbarElement{font-size:xx-large}#index-container{padding-top:130px;display:flex;justify-content:space-evenly}#index-details{padding-top:80px;display:flex;flex-direction:column;align-items:center}#profile-photo{width:auto;height:30em;border-radius:100px;aspect-ratio:auto}#name-text{font-size:64px}#sub-text{padding-top:30px;font-size:38px}#bottom-text{padding-top:30px;font-size:28px}.background-boxes{background-image:url(/assets/index-background-boxes-DiGNCp47.png)}#language-container{padding-top:35px;padding-right:1em;display:flex;flex-direction:row;position:relative}#language-selector{padding-left:15px}.language-button{padding-left:10px;padding-right:10px;height:35px}.language-flag{width:35px;height:35px}#scroll-text{transform:rotate(10deg);position:absolute;bottom:240px;padding-left:20px;font-size:20px}#projects{display:flex;background-color:#000;align-items:center;flex-direction:column;padding-bottom:5em}#all-projects-container{background-color:#f5f5f7;padding:4em;margin-top:2em;border-radius:50px}.header{padding-top:40px;font-size:70px}.project-details-container{display:flex;flex-direction:column;align-items:center;padding-right:80px}.project-container{display:flex;justify-content:space-between;padding-top:100px}.project-title{font-size:40px;padding-bottom:40px}.project-details{width:75vh;font-size:24px}.project-image{width:75vh;height:40vh;border-radius:5px}.black-line{width:80vh;height:.1vh;background-color:#000;position:relative;bottom:-50px}#project-footer{text-align:center;padding:1.7em 1.7em 0;font-size:x-large}#contact{display:flex;align-items:center;flex-direction:column;width:100%;height:61em;background-color:#000;background-size:cover}#contact-form{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f7;padding:40px;border-radius:20px;margin-top:40px}input[type=text],select,textarea,input[type=email]{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:16px;margin-bottom:16px;resize:vertical}#name-email-container{display:flex;flex-direction:row;justify-content:space-between;max-width:40em}#message{height:20em}.form-upper-label{width:20em;display:flex;flex-direction:column;align-items:center}#form-space{width:3em}#name,#email{width:22em}#contact-form{width:40em}#submit{color:#000;display:inline-block;position:relative;background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}#submit:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}#submit:hover:after{width:100%;left:0}.pop-up{padding:10px;border-radius:5px;width:70%;align-self:center;text-align:center;margin-top:10px}#success-popup{background-color:#32cd32;color:#fff}#error-popup{background-color:red;color:#fff}.error-text{font-size:large}.link-container{display:flex;justify-content:space-between;width:9em;padding-bottom:1em;padding-left:1em;position:absolute;bottom:0;left:0}.link-photo{height:4em;width:4em}.image-carousel-container{display:flex;flex-direction:column}.carousel-image{width:75vh;border-radius:5px}.arrow-button{align-self:center;font-size:4em;height:50px;background-color:transparent;border:none;color:#000;cursor:pointer;outline:none;font-weight:800;padding:.2em}.arrow-button:hover{color:#ccc}.carousel-dots{padding-top:1em;display:flex;align-self:center}.carousel-dots span{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer}.carousel-dots span.active{background-color:#333}.buttons-and-project-image-container{display:flex}.burgerMenuSpan{position:relative;display:block;width:40px;height:4px;background:#fff;transition:all .2s ease-in-out}.burgerMenuSpan:before,.burgerMenuSpan:after{position:absolute;background:#fff;content:"";width:40px;height:4px;transition:all .2s ease-in-out}.burgerMenuSpan:before{top:-14px}.burgerMenuSpan:after{top:14px}div.active .burgerMenuSpan{background:transparent}div.active .burgerMenuSpan:before{transform:rotate(-45deg) translate(-13px,6px)}div.active .burgerMenuSpan:after{transform:rotate(45deg) translate(-13px,-6px)}#burgerMenuDiv{display:flex;flex-direction:column;justify-content:center;margin-top:2em;margin-right:2em;cursor:pointer;height:50px;width:auto}#burgerMenuLinks{position:absolute;top:6em;display:flex;flex-direction:column;padding:0}.language-bottom-container{display:flex;justify-content:space-evenly;width:7em;padding-right:1em;padding-bottom:1em;position:absolute;bottom:0;right:0}.burgerMenuItem{color:#000;background-color:#fff;text-align:center;width:100vw;cursor:pointer;font-size:30px;padding-block:.5em}#burgerMenuTop{border-radius:15px 15px 0 0}#burgerMenuBottom{border-radius:0 0 15px 15px}.blackLineBurgerMenuContainer{width:100vw;list-style:none;display:flex;align-items:center;justify-content:center;background-color:#000}.black-line-burgerMenu{height:1px;width:70vw;background-color:#000}#project-container-top{padding-top:2em}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff}@media only screen and (max-width: 1860px){.black-line{width:50%}.project-title{font-size:25px}.project-details{width:60vh;font-size:20px}.project-details-container{padding-right:40px}.carousel-image{width:60vh}}@media only screen and (max-width: 1560px){.black-line{width:100%}.project-details{width:55vh;font-size:20px}.arrow-button{font-size:3em}.project-details-container{padding-right:10px}#name-text{font-size:60px}#sub-text{font-size:34px}#bottom-text{font-size:24px}#profile-photo{height:24em}}@media only screen and (max-width: 1350px){#home{width:auto}#index-container{padding-top:140px}.navbarElement{font-size:x-large}#name-text{font-size:50px}#sub-text{font-size:30px}#bottom-text{font-size:20px}#profile-photo{height:23em}#all-projects-container{width:80%}.header{font-size:50px}.project-title{font-size:25px}.project-details{width:45vh;font-size:19px}.project-details-container{padding-right:40px}.carousel-image{width:56vh;height:auto}.arrow-button{font-size:2.5em}}@media only screen and (max-width: 1160px){.carousel-image{width:36vw}#profile-photo{height:21em}}@media only screen and (max-width: 1024px){#name-text{font-size:40px}#sub-text{font-size:27px}#bottom-text{font-size:17px}#profile-photo{height:20em}.project-title{font-size:40px}.project-details{width:80vh;font-size:20px}.project-container{padding-top:80px;flex-direction:column}.project-details-container{padding-right:0}.image-carousel-container{align-self:center;padding-top:2em}#all-projects-container{width:70%}.project-details{width:65vw}.carousel-image{width:70vh}#contact-form{width:35em}#form-space{width:0}#name,#email{width:18em}}@media only screen and (max-width: 900px){#index-container{flex-direction:column-reverse;padding-top:0}#profile-photo{width:20em;align-self:center}}@media only screen and (max-width: 768px){.carousel-image{width:65vw}}@media only screen and (max-width: 768px){#name,#email{width:75vw}#index-details{padding-top:40px}#contact-form{width:75vw}#name-email-container{flex-direction:column}.form-upper-label{width:10em}}@media only screen and (max-width: 425px){#profile-photo{width:17em;height:17em;align-self:center}#name-text{font-size:34px}#index-container{padding-top:10px}#hva-logo{width:80px;height:80px}#name-text{text-align:center}#all-projects-container{width:75%;padding:2em}.project-title{text-align:center;font-size:30px}.project-details{width:75vw;font-size:17px}.carousel-image{width:86vw}.arrow-button{background-color:#1f1f1fa8;color:#fff;text-align:center;border-radius:15px;width:40px;padding:0}.left{position:relative;left:50px}.right{position:relative;right:50px}.link-container{padding-bottom:0}.language-button{padding:0}#index-details{padding-top:40px}.buttons-and-project-image-container{width:100vw}#all-projects-container{border-radius:25px}}