#root{margin:0}.main{display:flex;flex-direction:column}.picture-text-holder{display:flex;flex-direction:row;justify-content:center;background-color:#bdd9d9}.picture-text-holder-container{padding:5px 5px 20px;max-width:1440px;width:100%;height:auto;background-color:#fff6;align-items:center;position:relative}.coco{height:40vh;width:30vh}.logo{height:10em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header{top:0;width:100%;display:flex;flex-direction:row;justify-content:flex-end}.alfa,.language{background-color:#0000;border:none;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.main-picture{border-radius:50%;height:250px;padding-top:8%;padding-bottom:8%}.main-picture-holder{margin-right:2em;position:absolute;right:0}@media screen and (max-width: 700px){.main-picture-holder{position:static;position:absolute;justify-self:center;left:0;bottom:0}.main-picture{border-radius:50%;padding-top:8%;padding-bottom:8%}}.curved-tekst-container{width:90%;overflow:hidden;max-height:100vh}.curved-svg{width:100%;height:auto;display:block}.project-text{font-family:Inconsolata;padding-left:1em}.projects-display{display:flex;flex-direction:column;align-items:center;background-color:khaki}.project-display-container{padding:5px 5px 20px;max-width:1440px;width:100%;height:auto;background-color:#fff6}.project-name{font-family:Inconsolata;text-align:center}.project-image{max-width:100%;max-height:325px;border-radius:5px;align-self:center}.project-image-container{align-self:center;background-color:#0ff;width:7em;height:13em;min-height:5em}.project{align-self:flex-start}.project-content{display:flex;flex-direction:column;align-self:center;cursor:grab;padding:20px;border-radius:10px}.project-contenta:hover{border-radius:10px;padding:18px;background-color:#faf9f6;box-shadow:1px 1px 50px 1px #000}.grid-container{display:grid;row-gap:0px;grid-template-columns:auto auto;padding:20px;width:92%}.grid-item{padding:30px;font-size:30px;text-align:center;max-width:100%;align-self:flex-end;width:100%}.postit-lapp{width:350px;height:350px;background-color:#a4c4b4;padding:5%;border-radius:5px;align-self:center;transform:rotate(5deg);box-shadow:3px 7px 7px #272626b3}.postit-lapp.right{transform:rotate(5deg)}.postit-lapp.left{transform:rotate(-5deg)}.postit-lapp.elguino{background-color:#ccd66b}.postit-lapp.pawcast{background-color:#f897de}.postit-lapp.bokhylle{background-color:#c0e1e1}.postit-lapp:hover{box-shadow:5px 7px 7px #181818b3;transform:scale(1.1);transition:transform .2s linear}@media screen and (max-width: 700px){.title{font-size:2em}.postit-lapp{width:250px;height:250px}.grid-container{display:grid;row-gap:10px;column-gap:20px;grid-template-columns:100%;padding:5px}.project-page-in1060{padding:0}.project-image{max-height:200px}.project-page{padding:0}.grid-item{width:auto}}.about-me-page{display:flex;flex-direction:column;align-items:center;background-color:#fff0f5;font-family:Inconsolata;height:100vh}.title-me{padding-left:10vh;padding-top:7%;font-family:Inconsolata}.text{padding-left:5%;padding-right:5%;font-size:25px}.about-me-container{padding:5px 5px 20px;max-width:1440px;width:100%;height:auto;background-color:#fff6}@media screen and (max-width: 700px){.text{font-size:18px}}.thumbnail{cursor:pointer;width:100%;max-width:1280px;background-size:contain;background-repeat:no-repeat}.grid-image{padding-top:1.4em;cursor:pointer;width:100%;max-width:1280px;background-size:contain;background-repeat:no-repeat}.grid-image-small{padding-top:1.4em;cursor:pointer;width:100%;max-width:400px;background-size:contain;background-repeat:no-repeat}.small-image{cursor:pointer;width:100%;max-width:720px;background-size:contain;background-repeat:no-repeat}.half-image{max-width:50%;cursor:pointer;height:auto}.thumbnail:hover,.small-image:hover,.half-image:hover,.grid-image:hover,.grid-image-small:hover{box-shadow:2px 2px 7px #181818b3}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{position:relative;display:flex;flex-direction:column;align-items:center}.alt-text{margin-top:.2em;background-color:#ffffff80;width:100%;align-items:center;text-align:center;color:#000}.closeButton{position:relative;top:0;right:0;font-size:2rem;color:#fff;background:none;border:2px solid transparent;cursor:pointer;align-self:flex-end}.closeButton:hover{box-shadow:2px 2px 2px #181818b3;border:2px solid}.image{max-width:90vw;max-height:90vh}.project-page-in1060{display:flex;flex-direction:column;align-items:center;background-color:#edf0d1;padding:50px 75px 75px 50px;font-family:Inconsolata}.section-container{margin-top:5em;padding:5px 5px 20px;max-width:1280px;width:100%;height:auto;background-color:#fff6;align-items:center}.section-image{display:flex;justify-content:center}.grid-container1{display:grid;row-gap:10px;column-gap:20px;grid-template-columns:45% 55%;padding:5px;max-width:1440px;width:100%;height:auto}.grid-item1{top:0;padding:30px;font-size:20px;text-align:left;align-self:center;position:relative;height:100%}.info-box-in1060{width:280px;height:280px;background-color:#ccd66b;padding:5%;border-radius:10px;align-self:center;transform:rotate(5deg);box-shadow:3px 7px 7px #272626b3;margin-top:100px}.info-box-in1060:hover,.info-box-in1060:focus{box-shadow:5px 7px 7px #181818b3;transform:scale(1.1);transition:transform .2s linear}.picture-row{display:flex;flex-direction:row}@media screen and (max-width: 700px){.title{font-size:2em}.grid-container1{display:grid;row-gap:10px;column-gap:20px;grid-template-columns:100%;padding:5px}.project-page-in1060,.project-page{padding:0}.info-box-in1060{width:270px;height:270px}.text-box{font-size:18px;margin:0 10px}.section-container{margin-top:1em}}.thumbnailContainer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.thumbnailContainer:hover{box-shadow:2px 2px 7px #181818b3}.thumbnail-slider{cursor:pointer;width:100%;max-width:250px}.thumbnail-slider-big{cursor:pointer;width:100%;max-width:450px}.overlay-slider{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-slider{position:relative;display:flex;align-items:center;animation:fadeIn .3s}.closeButton-slider{position:absolute;top:0;right:-.25em;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;border:2px solid transparent}.closeButton-slider:hover{border:2px solid}.image-slider{max-width:90vw;max-height:90vh}.navButton-slider{background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.navButton.left{margin-right:20px}.navButton.right{margin-left:20px}.navButton:hover{color:#ddd}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery{width:100%;max-width:1280px}.current-image-container{width:450px;height:570px;align-content:center}.main-image-container{position:relative;display:flex;justify-content:center;align-items:center}.main-image{width:100%;max-width:450px;height:auto;max-height:570px;cursor:pointer;object-fit:cover}.navButton-gallery{top:50%;transform:translateY(-50%);background:#edf0d136;border:none;color:#000;font-size:3rem;cursor:pointer;padding:5px 10px;-webkit-user-select:none;user-select:none}.navButton-gallery.left{left:200px;color:#000;margin-right:20px}.navButton-gallery.right{right:200px;color:#000;margin-left:20px}.navButton-gallery:hover{background:#000c;color:#fff}.caption{text-align:center;margin-top:5px;color:#555}.thumbnail-container-gallery{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:10px}.thumbnail-gallery{width:60px;height:auto;cursor:pointer;opacity:.7;border:2px solid transparent}.thumbnail-gallery:hover,.active-thumbnail{opacity:1;border-color:#007bff}.overlay-gallery{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000fb;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-gallery{position:relative;display:flex;align-items:center}.closeButton-gallery{position:absolute;top:10px;right:-.7em;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer}.modal-image-gallery{max-width:90vw;max-height:90vh}.project-page{display:flex;flex-direction:column;align-items:center;background-color:#fef3f7;padding:50px 75px 75px 50px;font-family:Inconsolata}.section-container-in2000{margin-top:5em;padding:5px 5px 20px;max-width:1280px;width:100%;height:auto;background-color:#dbcece80;align-items:center}.section-image-in2000{display:flex;justify-content:center;width:100%}.title-picture{display:flex;flex-direction:row}.grid-container1{display:grid;row-gap:10px;column-gap:20px;grid-template-columns:45% 55%;padding:5px}.grid-item1{top:0;padding:30px;font-size:20px;text-align:left;align-self:center;position:relative}.info-box-in2000{width:300px;height:300px;background-color:#fd6496;padding:5%;border-radius:10px;align-self:center;transform:rotate(5deg);box-shadow:3px 7px 7px #272626b3;margin-top:100px}.info-box-in2000:hover,.info-box-in2000:focus{box-shadow:5px 7px 7px #181818b3;transform:scale(1.1);transition:transform .2s linear}.title-picture{max-width:50%;height:auto}.screenshot-picture{max-height:5%;max-width:20%;padding-right:1vh}.text-box{padding-left:3%;padding-right:3%;font-size:24px}.container-top-hooker{display:flex;flex-direction:column;justify-content:center;top:0;align-items:center}.title{margin-block-start:-.5em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}.screenshots{display:flex;flex-direction:row;max-height:40%;margin-bottom:3em}.picture-row-2{display:flex;flex-direction:row;align-items:flex-start;padding-top:5%}@media screen and (max-width: 900px){.grid-container1{display:grid;row-gap:10px;column-gap:20px;grid-template-columns:100%;padding:5px}.project-page{padding:0}}.project-page-bookshelf{display:flex;flex-direction:column;align-items:center;background-color:#edf0d1;padding:50px 75px 75px 50px;font-family:Inconsolata,serif}.bookshelf{position:relative;aspect-ratio:3 / 4;width:min(900px,100%);background-size:contain;background-repeat:no-repeat;background-position:center}.shelf1{position:absolute;top:14.5%;left:21.3%;width:58%;height:14%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%;align-items:end}.shelf2{position:absolute;top:34.3%;left:21.3%;width:58%;height:14%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%;align-items:end}.shelf3{position:absolute;top:54.2%;left:21.3%;width:58%;height:14%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%;align-items:end}.book{aspect-ratio:2 / 3;width:80%;place-self:end center;display:grid;place-items:center;background-color:#646cff}.book img{width:100%;height:100%;object-fit:contain;display:block}.book:hover{box-shadow:5px 7px 7px #181818b3;transform:scale(1.1);transition:transform .2s linear}.textbox{align-self:center;width:50%;font-size:25px}.admin-page{display:flex;flex-direction:column;align-items:center;background-color:#edf0d1;padding:50px 75px 75px 50px;font-family:Inconsolata,serif}.input-field{width:500px;height:1000px}.grid-container-a{display:grid;row-gap:60px;column-gap:250px;grid-template-columns:auto auto;padding:20px;width:92%}.grid-item-a{border:1px solid rgba(0,0,0,.8);padding:30px;font-size:30px;text-align:left;max-width:100%;align-self:flex-start;width:100%}.book-page{display:flex;flex-direction:column;background-color:#edf0d1;font-family:Inconsolata,serif;padding-left:50px;min-height:100vh;font-size:25px}.button-container{display:flex;flex-direction:row;row-gap:10px;grid-template-columns:auto auto;padding:20px 20px 70px;width:100%}.button-grid{padding-right:30px;font-size:23px;text-align:left;align-self:flex-start}.sort-text{padding:1px}.sort-button{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;transition:filter .15s ease}.sort-button[aria-pressed=true]{filter:brightness(.8)}.sort-button:active{transform:translateY(1px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif,Inconsolata;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inconsolata{font-family:Inconsolata,monospace;font-optical-sizing:auto;font-weight:100;font-style:normal;font-variation-settings:"wdth" 100}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}