*{margin:0;font-family:sans-serif;scroll-behavior:smooth}#lswitch{background-color:transparent;border:none;font-size:2.5rem;display:none;color:#fff}.white{color:#fff}.tswitch{background-color:transparent;border:none;font-size:2.5rem}.name-container{text-align:left;display:flex;align-items:center;flex-direction:column;width:75vw;font-size:1.2rem;font-weight:400;height:40%}.name-container h1{font-family:caveat;font-size:12rem}header{height:100%;scroll-snap-align:start;display:flex;flex-direction:row-reverse;align-items:center;gap:30%}.scroll-indicator{width:100%;display:flex;justify-content:center;align-items:flex-end}.about-container{height:100%;display:flex;justify-content:center;align-items:center;gap:15rem;scroll-snap-align:start}.about{display:flex;flex-direction:column;justify-content:center;width:30vw;height:50vh}.about h2{font-size:4rem;margin-bottom:25px}.about p{font-size:2rem}.about-input{display:none;flex-direction:column;justify-content:center;width:30vw;height:50vh;gap:2rem}.about-input input{font-size:2rem;border:none;border-bottom:2px solid black}.about-input textarea{font-size:1.6rem;border:none;border-bottom:2px solid black;resize:none}.projects{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start}.projects h2{font-size:2.5rem}.filter-container{display:flex;justify-content:space-evenly;width:350px;margin:20px}.filter-container button{border:none;width:100px;height:40px;border-radius:30px;cursor:pointer;font-size:1rem}.card-container{display:flex;justify-content:space-around;gap:2rem;width:90%}.createnewcard{border:2px solid black;border-radius:65px;width:500px;height:281px;display:flex;justify-content:center;cursor:pointer;background-image:url(https://images.unsplash.com/photo-1623057000049-e220f79c7051?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1408&q=80);background-size:cover;background-position:center;filter:grayscale(1%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);transition:all .1s;-webkit-transition:all .2s;-moz-transition:all .2s}.createnewcard:hover{transform:scale(1.1);-moz-transform:scale(1.1)}.cards{border:2px solid black;border-radius:65px;flex:1 1 500px;height:281px;display:flex;justify-content:center;cursor:pointer;background-image:url(https://images.unsplash.com/photo-1603486002664-a7319421e133?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1842&q=80);background-size:cover;filter:grayscale(1%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;background-position:center center}.cards-medie{border:2px solid black;border-radius:65px;flex:1 1 500px;height:281px;display:flex;justify-content:center;cursor:pointer;background-image:url(https://images.unsplash.com/photo-1603486002664-a7319421e133?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1842&q=80);background-size:cover;filter:grayscale(1%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;background-position:center center}.cards-medie:hover{transform:scale(1.1);-moz-transform:scale(1.1)}.cards-studie{border:2px solid black;border-radius:65px;flex:0 1 500px;height:281px;display:flex;justify-content:center;cursor:pointer;background-image:url(https://images.unsplash.com/photo-1603486002664-a7319421e133?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1842&q=80);background-size:cover;filter:grayscale(1%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;background-position:center center}.cards-studie:hover{transform:scale(1.1);-moz-transform:scale(1.1)}#utvikling{background-color:#000;color:#fff}.cards-utvikling{border:2px solid black;border-radius:65px;flex:1 1 500px;height:281px;display:flex;justify-content:center;cursor:pointer;background-image:url(https://images.unsplash.com/photo-1603486002664-a7319421e133?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1842&q=80);background-size:cover;filter:grayscale(1%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;background-position:center center}.cards-utvikling:hover,.cards:hover{transform:scale(1.1);-moz-transform:scale(1.1)}#newcard{display:none}.modal{display:none;position:absolute;border:2px solid rgb(0,0,0);width:1250px;height:575px;border-radius:65px;justify-content:space-between;z-index:11;background-color:#fff;top:25%}.modal-right{padding:20px;z-index:11}.modal-left-top{display:flex;justify-content:space-between;width:105%}.modal-left-top button{background-color:#fff;border:none;cursor:pointer;font-size:1.7rem;font-weight:400}.info{display:flex;flex-direction:column}.under-img{margin-top:20px;display:flex;flex-direction:column;justify-content:space-between;padding-left:40px;height:25%}.modal-right-text h2{font-size:4.5rem}.modal-links{font-size:1.6rem;width:90%;display:flex;justify-content:flex-start}.modal-links a{padding:2px 2px 2px 5px;margin-right:20px;font-weight:400}.modal-links input{width:100%}.modal-img{height:366px;width:650px;background-image:url(https://images.unsplash.com/photo-1603486002664-a7319421e133?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1842&q=80);background-size:cover;border-radius:65px;background-position:center center;border:1px solid rgba(116,122,135,.6156862745)}.inv{display:none}.modal-left{display:flex;flex-direction:column;padding:20px;width:50%}.info{width:90%;font-size:1.5rem}.info a{color:#00f;cursor:pointer}.modal-links a{display:flex;justify-content:space-between;width:100%;text-decoration:none;color:#000;font-size:2rem}.github{display:flex;justify-content:space-between}.scroll-container{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.contact{display:flex;justify-content:center;align-items:center;height:100vh;scroll-snap-align:start}.contact-container{width:650px}.overskrift{text-align:center;font-size:3rem;margin:50px}.contact-container h3,.align-text-left h3{padding-bottom:5px;color:#747a87}.align-top{display:flex;justify-content:space-between;margin-bottom:20px}.align-top input{width:300px;height:50px;border-radius:5px;box-shadow:none;border:1px solid rgba(0,0,0,.3764705882);font-size:1.5rem;color:#000000d0;padding-left:10px}.align-bottom textarea{height:200px;border-radius:5px;border:1px solid rgba(0,0,0,.3764705882);font-size:1.5rem;color:#000000d0;padding-left:10px;padding-top:10px;width:98%}.submit{display:flex;justify-content:center;margin-top:15px}.submit button{width:250px;height:50px;background-color:#000;color:#fff;border:2px solid black;border-radius:38px;cursor:pointer;font-size:1.8rem;align-items:center}footer{scroll-snap-align:start;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;height:5vh}footer button{background-color:#000;border:none;height:100%;font-size:1.5rem;font-weight:100;cursor:pointer}footer button:hover{color:#fff}#overlay{position:fixed;display:none;height:100%;inset:0;background-color:#00000080;z-index:2}#login-form{display:none}#login-text{font-size:3rem;font-weight:400;margin-bottom:45px}.login-form{justify-content:center;gap:1rem;flex-direction:column;align-items:center;padding:20px;border-radius:55px;background-color:#fff;color:#000}.login-form input{width:550px;height:50px;border-radius:5px;box-shadow:none;border:1px solid rgba(0,0,0,.3764705882);font-size:1.5rem;color:#000000d0;padding-left:10px;margin-bottom:20px}.login-form button{height:50px;background-color:#000;color:#fff;border:2px solid black;border-radius:38px;cursor:pointer;font-size:1.5rem;align-items:center;margin:0}.alignment-center{display:none;justify-content:center;align-content:center}.row{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30%}.rows{display:flex;justify-content:center;align-items:center;gap:20px}.row button{width:250px;height:50px}#close{background-color:#fff;color:#000}#title{display:block}#pname{display:none;width:60%;font-size:2rem;border:none;border-bottom:2px solid black}#project-text{display:block}#ptext{display:none;height:30%;resize:none}#git{display:block}#ghlink{margin-left:5px;margin-right:20px;border:none;border-bottom:2px solid black;font-size:1.5rem;display:none}#weblink{margin-left:5px;border:none;border-bottom:2px solid black;font-size:1.5rem;display:none}#web{display:block;width:100%}#readmore{display:block}#readlink{display:none;margin:0 15px 15px 0;border:none;border-bottom:2px solid black;font-size:1.5rem}#category{display:none;margin:15px 15px 15px 0;border:none;border-bottom:2px solid black;font-size:1.5rem;background-color:transparent}#imagelink,#webtitle{display:none;margin:0 15px 15px 0;border:none;border-bottom:2px solid black;font-size:1.5rem}#create,#delete-project,#save{display:none;font-size:1.2rem;width:45%;cursor:pointer;padding:5px;margin-top:20px;background-color:#000;color:#fff;border:none;border-radius:6px}nav{display:flex;flex-direction:column;height:90%;justify-content:space-between;width:10%}nav i{cursor:pointer}.indicatorss{width:50px}#indicatorWhite{display:none}#melding{width:640px}#cmessage{resize:none}#signaturew{width:100%;display:none}#signature{display:block;stroke-dasharray:2975;stroke-dashoffset:2975;animation:2s fillSvg linear}@keyframes fillSvg{0%{stroke-dashoffset:2975}to{stroke-dashoffset:0}}.close-btn{height:8%;display:none;align-items:center;justify-content:center}#close-btn{display:none;width:100%;height:100%;cursor:pointer;background-color:#000;color:#fff;border-radius:66px;border:none}@media only screen and (max-width: 700px){#header,#about-container,#projects{height:100svh}#contact{height:100hvh}#close{color:#fff}.close-btn{display:flex}#close-btn{display:block}.name h2{font-size:1.2rem}#header{gap:10%}#signature,#signaturew{width:120%;margin-left:25px}.name h2{font-size:1rem;margin-left:15%}.scroll-indicator{height:60%}.scroll-indicator object{margin-right:10%}nav{padding-right:30px}nav i{margin-right:20px}.about{height:35svh}.about-container{flex-direction:column;justify-content:center;gap:7rem;width:100%}.about-img{height:30svh;width:100%}.about-img svg{width:100%;height:30svh}.about{width:90%;font-size:1rem;justify-content:flex-start}.about h2{font-size:2.5rem}.about p{font-size:1.5rem}.projects{height:100svh;overflow:scroll}.card-container{flex-direction:column;gap:1rem;width:90%;max-height:70%}.cards-utvikling,.cards-medie,.cards-studie{width:95%;height:23svh;place-self:center;border-radius:40px}.cards{width:95%;height:23svh;place-self:center}.createnewcard{width:350px;height:200px}.filter-container{gap:0rem;width:80%}.modal{width:95%;height:95svh;flex-direction:column;top:3%;border-radius:40px}.under-img b,.under-img i{font-size:1.5rem}#readmore{font-size:1.2rem}.modal-right{width:100%;height:30%}.modal-img{width:90%;height:80%;border-radius:40px}.under-img{padding-left:0;height:40%}.internet i,.github i,#web,#git{font-size:1.6rem}#title{font-size:3rem}.modal-left{width:90%;height:55%;display:flex;flex-direction:column;justify-content:space-between}.modal-left-top h2{font-size:1.7rem}.modal-left{font-size:2rem}#project-text{font-size:1.1rem}.info{margin-top:25px}.card-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:50px;grid-row-gap:30px;margin:20px}.contact-container,.align-top input{width:90%}.align-top{display:flex;gap:1rem}#melding{width:95%}#submit{margin-bottom:80px}#cmessage{width:95%}.alignment-center,.login-form{width:100%}.contact{height:100vh}.login-form input{width:90%}.align-text-left{width:100%}.row{flex-direction:column}.overskrift{margin-left:0;margin-right:0}}@media only screen and (max-width: 2000px){.scroll-indicator{height:55%}}@media only screen and (min-width: 2000px){.scroll-indicator{height:68%}.card-container{width:50%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:50px;grid-row-gap:30px;margin:20px}.cards{width:500px;flex:auto}.cards-studie,.cards-medie,.cards-utvikling{width:500px}}@media only screen and (max-width: 1470px) and (min-width: 1151px){.modal{width:90%}.about-container{justify-content:center;gap:0rem;width:95%}.about-img{display:flex;justify-content:flex-end;width:60%}.about-img svg{width:70%}.about p{font-size:1.5rem}.card-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:50px;grid-row-gap:30px;margin:20px}}@media only screen and (max-width: 1150px) and (min-width: 702px){.modal{width:90%}.about-container{justify-content:center;gap:0rem;width:95%}.about-img{display:flex;justify-content:flex-end;width:60%}.about-img svg{width:70%}.about p{font-size:1.4rem}.card-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:50px;grid-row-gap:30px;margin:20px}.modal{width:95%;height:95svh;flex-direction:column;top:3%;border-radius:40px}.under-img b,.under-img i{font-size:1.5rem}#readmore{font-size:1.2rem}.modal-right{width:100%;height:30%}.modal-img{width:90%;height:80%;border-radius:40px}.under-img{padding-left:0;height:40%}.internet i,.github i,#web,#git{font-size:1.6rem}#title{font-size:3rem}.modal-left{width:90%;height:55%;display:flex;flex-direction:column;justify-content:space-between}.modal-left-top h2{font-size:1.7rem}.modal-left{font-size:2rem}#project-text{font-size:1.1rem}.info{margin-top:5px}#close-btn,.close-btn{display:block}#close{display:none}.name h2{font-size:1.2rem}#header{gap:10%}#signature,#signaturew{width:120%;margin-left:25px}.name h2{font-size:1rem;margin-left:15%}.scroll-indicator{height:60%}.scroll-indicator i{margin-right:10%}nav{padding-right:30px}nav i{margin-right:20px}.about-container{flex-direction:column;justify-content:center;gap:2rem;width:100%}.about-img{height:50svh;width:100%}.about-img svg{width:100%;height:30vh}.about{width:60%;font-size:1rem}.about h2{font-size:2.5rem}.about p{font-size:1.5rem}}