body{background-color:#000;font-family:Quicksand,sans-serif;margin:0}a{text-decoration:none}ul{list-style:none}h1{font-size:150px;color:#fff;font-weight:300;margin:0}h3{font-size:75px;color:#fff;font-weight:300;margin:0}header{position:fixed;width:100%;display:flex;height:100px;flex-direction:row;align-items:center;justify-content:space-between;z-index:1}.header-home{margin-left:20px;width:100px;height:100px;border-radius:50px;background-color:#000;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in}.header-home svg{transition:all .1s ease-in}.header-home svg:hover{cursor:pointer}.header-links{margin-right:20px;width:auto;height:100%;display:flex;align-items:center;justify-content:center}.header-list{color:#fff;display:flex;flex-direction:row;align-items:start;justify-content:center;padding:0 50px;gap:20px}.header-list li{transition:all .1s ease-in;padding:20px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;border-radius:25px}.underline{position:absolute;top:78px;width:0%;height:2px;background:gold;display:flex;justify-content:start;align-items:center}#contact{background-color:#333}.header-list li:hover{color:gold;cursor:pointer}#contact:hover{background-color:#1b1b1b}.header-hamburger{display:none}main{width:100%;display:flex;height:auto}.main-box{margin-top:100px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;height:auto}.title-box{padding:50px 0;height:302px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:20px}.projects-carousel{width:100%;display:flex;align-items:center;justify-content:center;height:auto}.projects-carousel-inner{width:80%;background-color:#fff;border-radius:50px;height:400px;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center}.carousel-item{width:auto;height:auto}.carousel-item img{width:300px;height:auto}.projects{margin-top:100px;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100vh!important;overflow:hidden;min-height:100vh!important}.projects-main{align-items:center;justify-content:start;display:flex;flex-direction:column;width:100%}.projects-heading-phone{display:none}.heading-trail{margin-top:30px}.heading-trail span{display:inline-block;opacity:0;transform:translateY(40px)}.projects-content{display:flex;flex-wrap:nowrap;height:650px;width:100%;flex-direction:row}.project-panel{flex:0 0 100vw;height:100%;display:flex;align-items:center;justify-content:center}.project-panel{display:flex;align-items:center;justify-content:center;gap:60px;color:#fff}.mockup-phone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px}.mockup-phone img{width:340px;border-radius:16px}.mockup-phone video{height:400px;width:auto;border-radius:20px}#mockup-svingen img{width:500px}.mockup-multi img,.mockup-laptop img{width:800px}.mockup-laptop video{width:800px;border-radius:20px}.info{max-width:500px}.project-title{font-size:2.5rem;margin-bottom:16px}.project-description{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.tools{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.tools li{background:#333;padding:6px 14px;border-radius:20px;font-size:.9rem}.button-section{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:start}.button{padding:7px 15px;border-radius:12px;border:1px solid white;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .1s ease-in-out}.button h4{margin:0;font-size:1rem;font-weight:200}.button:hover{cursor:pointer;background-color:#fff;color:#000;border:1px solid black}.about{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:start;margin-bottom:100px}.about-title{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.about-main{width:100%;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.about-image{width:auto;height:auto;padding:30px}.about-image img{height:600px;border-radius:20px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-info{height:auto;width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-subtitle{width:100%;height:auto;display:flex;align-items:center;justify-content:start}.about-subtitle h2{color:#fff;font-size:50px;margin:0 20px}.about-p{width:100%;height:300px}.about-p p{color:#fff;margin-left:20px;font-size:20px;line-height:40px}.about-skills{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center}.about-skills h4{color:#fff;margin-left:20px;font-size:20px;margin-bottom:0}.about-skills ul{display:flex;flex-direction:row;list-style:none;gap:20px;flex-wrap:wrap;align-items:center;justify-content:start;padding:0;margin-left:20px}.about-skills ul>li{display:flex;padding:5px 12px;background-color:#333;color:#fff;border-radius:10px}.contact{margin-top:50px;width:100%;height:800px;display:flex;flex-direction:column;align-items:center;justify-content:start;color:#fff;background-color:none}.contact form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-top:50px}.form-content{display:flex;flex-direction:row;align-items:start;justify-content:center;gap:20px}.contact-name-email{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:20px}.contact-msg{display:flex;justify-content:center;align-items:center}.contact-name-email input{padding:10px 20px;width:250px;font-family:Quicksand,sans-serif;font-size:15px;border-radius:10px;height:40px;border:none}.contact-name-email input:focus,.contact-msg textarea:focus{border:none;box-shadow:0 3px 10px #fff}.contact-msg textarea{padding:20px 20px 10px;width:450px!important;font-family:Quicksand,sans-serif;font-size:17px;border-radius:10px;border:none;height:300px!important;resize:none}.contact-send{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:end}.send-btn{position:relative;overflow:hidden;z-index:0;width:100px;background-color:#000;border:2px solid white;color:#fff;border-radius:10px;height:40px;font-size:15px;font-family:Quicksand,sans-serif;display:flex;align-items:center;justify-content:center}.send-btn:hover{cursor:pointer}.send-btn span{z-index:1;position:relative;transition:all .1s ease-in}.send-btn:hover span{color:#000}.line-fill{position:absolute;z-index:0;top:0;left:0;width:0%;height:100%;background-color:#fff}@media screen and (max-width: 1310px){.title{font-size:100px;text-align:center}}@media screen and (max-width: 950px){.header-list{display:none}.header-home{position:fixed;margin-left:0;z-index:1;background-color:transparent}.header-hamburger{right:20px;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.header-hamburger svg:hover{cursor:pointer}.hamburger-content{display:none;position:fixed;right:20px;top:100px;border:2px solid white;border-radius:10px;overflow:hidden}.hamburger-item{display:flex;align-items:center;justify-content:center;padding:20px;background-color:#000;gap:20px}.hamburger-item h3{font-size:15px}.hamburger-item:hover{cursor:pointer}.hamburger-item:hover h3{color:gold}.title-box{height:200px}.title{font-size:50px;text-align:center}.subtitle{font-size:30px}.projects-carousel-inner{width:90%;height:200px;border-radius:20px}.carousel-item img{width:100px}.projects svg{display:none}.heading-trail{display:none}.projects-heading-phone{display:flex;color:#fff;font-size:50px;font-weight:100;margin:10px 0}.projects{height:auto!important}.projects-content{display:flex;flex-direction:column;align-items:start;justify-content:center;height:auto;transform:none;width:100%;gap:100px;margin-bottom:50px}.project-panel{max-height:600px;height:auto!important;width:100%;flex-direction:column;justify-content:start;align-items:center;gap:20px}.mockup-phone,.mockup-laptop,.mockup-multi{width:100%;padding:0;display:flex;align-items:center;justify-content:center}.mockup-phone{width:90%}.mockup-phone img,.mockup-laptop img,.mockup-multi img,#mockup-svingen img,.mockup-laptop video,.mockup-phone video{max-height:300px;width:auto;max-width:90%}.info{padding:0 20px}.projects-scroll-spacer{height:0px!important}.about{margin-top:50px}.about-title h1{font-size:50px}.about-main{flex-direction:column}.about-image{display:flex;width:100%;justify-content:center;align-items:center;padding:0;margin:30px 0}.about-image img{max-width:80%;max-height:600px;height:auto}.about-info{width:100%}.about-subtitle{justify-content:center}.about-subtitle h2{font-size:30px}.about-p{width:80%;height:auto;max-width:80%;display:flex;align-items:center;justify-content:center}.about-p p{margin:10px 0 0;line-height:32px}.about-skills{align-items:center;justify-content:center}.about-skills h4{margin-left:0}.about-skills ul{max-width:80%}.contact{margin-top:100px}.contact h3{font-size:50px}.contact p{max-width:300px}.form-content{flex-direction:column;align-items:center}.contact-name-email input,.contact-msg textarea{width:300px!important}}