body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-neutral-900:#0f172a;--fs-200:0.65rem}*{box-sizing:border-box}::selection{background-color:#0e135859;color:#0f172a;color:var(--clr-neutral-900)}@font-face{font-family:Inter;font-weight:400;src:url(/static/media/RasmusAndersson-Inter-Regular.8427860ac8bc5bb4b008.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:700;src:url(/static/media/RasmusAndersson-Inter-Bold.4852edfcf88cee219c54.otf) format("opentype")}@font-face{font-family:Inter-Medium;font-weight:500;src:url(/static/media/RasmusAndersson-Inter-Medium.ddf01184de7cd1ba5380.otf) format("opentype")}body{background-color:#0f172a;background-color:var(--clr-neutral-900);font-size:1rem;font-size:var(--fs-400)}body,body div{color:#94a3b8;color:var(--clr-neutral-100);font-family:Inter,Inter-Medium,sans-serif}body div{line-height:1.625rem}.main-box{align-items:stretch;align-self:flex-start;display:flex;scroll-padding-top:4rem}@media (min-width:1024px){body .main-box{left:0;margin-top:6rem;position:absolute;right:0}.header-container{flex-grow:0;height:100vh;margin-left:6.25rem;position:-webkit-sticky;position:sticky;top:0;width:23.5rem}.header-h1{font-size:3rem;font-size:var(--fs-xl);font-weight:700;letter-spacing:-1.2px;line-height:3rem}.header-h1,.header-h5{color:#e2e8f0;color:var(--clr-neutral-200)}.header-h5{font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:1.25rem;font-size:var(--fs-500);letter-spacing:-.5px;line-height:1.75rem}.body-wrapper{flex-grow:1;justify-content:center;margin-right:6.25rem;max-width:32.8rem;min-width:18.75rem}.spacer{flex-grow:1;max-width:9.375rem;min-width:3.125rem}}@media (min-width:1280px){.main-box{display:flex;gap:0;justify-content:center;margin-left:auto;margin-right:auto;margin-top:6rem;position:relative}.header-h1{color:#e2e8f0;color:var(--clr-neutral-200);font-size:3rem;font-size:var(--fs-xl);font-weight:700}.header-container{width:23.5rem}.body-wrapper{flex-grow:1;max-width:32.8rem}.spacer{flex-grow:1;max-width:9.375rem;min-width:2.5rem}}@media (max-width:1023px){body .main-box{left:3rem;margin-top:5rem;position:absolute}body .main-box .header-container{height:auto;min-height:25rem;position:static}body .main-box .body-wrapper{height:auto;overflow-y:auto}.header-container{margin-left:0}.main-box{flex-direction:column}.body-wrapper{flex-grow:1;width:100%}.header-h1{font-size:3rem;font-size:var(--fs-xl);font-weight:700;letter-spacing:-1.2px;line-height:3rem}.header-h1,.header-h5{color:#e2e8f0;color:var(--clr-neutral-200)}.header-h5{font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:1.25rem;font-size:var(--fs-500);letter-spacing:-.5px;line-height:1.75rem}.spacer{flex-grow:1;max-width:9rem;min-width:2.5rem}.body-container{margin-left:-1rem}}@media (max-width:767px){body .main-box{left:1.5rem;margin-top:3rem;position:absolute}body .main-box .header-container{height:auto;min-height:25rem;position:static}body .main-box .body-wrapper{height:auto;overflow-y:auto}.header-h1{font-size:3rem;font-size:var(--fs-xl);font-weight:700;letter-spacing:-1.2px;line-height:3rem}.header-h1,.header-h5{color:#e2e8f0;color:var(--clr-neutral-200)}.header-h5{font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:1.25rem;font-size:var(--fs-500);letter-spacing:-.5px;line-height:1.75rem}}@media (max-width:639px){.main-box{left:1.5rem;position:absolute;right:1.5rem}.header-h1{font-size:2.25rem;font-size:var(--fs-600);font-weight:700;letter-spacing:-.9px;line-height:40px}.header-h1,.header-h5{color:#e2e8f0;color:var(--clr-neutral-200)}.header-h5{font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:1.15rem;font-size:var(--fs-450);letter-spacing:-.5px;line-height:28px}.body-container{margin-left:.25rem}}.header-container{display:flex;flex-direction:column;height:100vh;min-height:31.25rem;position:-webkit-sticky;position:sticky;scroll-margin-top:4rem;top:0;width:23.5rem}.spacer{flex-grow:1;max-width:9.4rem;min-width:2.3rem}.page1{display:flex;flex-direction:column;flex-grow:1;min-height:410px;width:380px}.textbox-h5 h5{font-weight:500;margin-top:.3rem}.textbox-p1{font-size:1rem;font-size:var(--fs-400);line-height:1.5rem;margin-bottom:2rem;margin-top:.4rem;width:300px}.local-links-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:2.5rem}.header-links{display:flex;font-size:.75rem;font-size:var(--fs-300);font-weight:700;letter-spacing:1.2px;line-height:1rem;margin-bottom:1.5rem}.header-links:last-child{margin-bottom:5rem}.header-links a,.projects-link a,.social-icons a{display:inline-block;margin-right:1.25rem;position:relative;text-decoration:none}.social-icons-box{display:flex;flex-direction:row}.social-icons a{margin-bottom:100px;margin-right:1.25rem;text-decoration:none}.social-icons svg{color:#94a3b8;color:var(--clr-neutral-100);display:inline-block;font-size:1.5rem;transition:transform .3s ease,color .3s ease}.social-icons svg:focus,.social-icons svg:hover{color:#e2e8f0;color:var(--clr-neutral-200);transform:scale(1.2) translateY(-1px)}.social-icons a:last-child{margin-right:0}.header-links a{color:#64748b;display:inline-block;padding-left:4rem;position:relative;text-decoration:none;transition:color .15s ease-in-out}.header-links a:before{background-color:#475569;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .15s ease-in-out,background-color .15s ease-in-out;width:2rem}.header-links a:hover{color:#e2e8f0;color:var(--clr-neutral-200)}.header-links a:hover:before{background-color:#e2e8f0;background-color:var(--clr-neutral-200);width:3.5rem}.active-link{color:#e2e8f0;color:var(--clr-neutral-200)}.active-link:before{background-color:#e2e8f0;background-color:var(--clr-neutral-200);width:3.5rem}.icon-git{border-radius:50%}.instagram-icon{color:#e2e8f0;color:var(--clr-neutral-200)}#about,#contact,#experience,#personal div{padding-left:1.25rem}.header-p{margin-bottom:1rem}#projects #experience #about #personal #contact{display:flex;flex-direction:column;gap:1rem}.more-pages{display:flex;flex-direction:column;gap:20px;text-align:start}#about{margin-bottom:10px;margin-right:1.5rem}.headline-box{color:#e2e8f0;color:var(--clr-neutral-200);font-size:1rem;font-size:var(--fs-400);font-weight:700;margin-bottom:1rem}.project-container{transition:box-shadow .3s ease}.project-container,.project-container:hover{border-radius:12px;display:flex;gap:.25rem;padding:.25rem;position:relative}.project-container:hover{border:2px solid var(--clr-primary-900);box-shadow:0 0 1px #5eead4;box-shadow:0 0 1px var(--clr-primary-500)}.overLay-project-container{background-color:#8bc0df1a;border-radius:12px;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease;visibility:hidden;width:100%}.projects-list:hover .overLay-project-container{background-color:rgba(15,23,41,.898);opacity:.5;transition:all .5s ease;visibility:visible}.projects-list li:hover .overLay-project-container{background-color:rgba(109,193,238,.139);opacity:1;transition-delay:0s}.project-link{text-decoration:none}.project-link:hover .project-header{color:#5eead4;color:var(--clr-primary-500);transition:color .3s ease}#project-head{margin-top:1rem}.resume{margin-left:.75rem}.project-container #project-arrow{display:inline-block;transform:translateY(.25rem);transition:all .3s ease}.project-container:hover #project-arrow{color:#5eead4;color:var(--clr-primary-500);display:inline-block;transform:translateY(-.05rem) translateX(.25rem)}.project-container .project-header{color:#e2e8f0;color:var(--clr-neutral-200);text-decoration:none}.header-time{font-size:.75rem;font-size:var(--fs-300);font-weight:600;letter-spacing:.3px;line-height:16px;margin-left:1rem;margin-top:1.35rem;max-width:10rem;min-width:8rem}.projects-list{list-style-type:none;margin:0;padding:0}.projects-list li{margin-bottom:1rem}.project-main-content{align-items:left;display:flex;flex-direction:column;flex-grow:1;font-size:.75rem;font-size:var(--fs-300);justify-content:left;min-width:10rem}.project-header a{color:#e2e8f0;color:var(--clr-neutral-200);text-decoration:none}.project-header{font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:1rem;font-size:var(--fs-400);line-height:1.25rem;margin-top:1rem;padding:.25rem;text-align:left;width:100%}.project-description{padding:.25rem}.skill-elements{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:left;list-style-type:none;padding:.25rem}.skill-e{background-color:#18514e;border-radius:12px;color:#5eead4;color:var(--clr-primary-500);font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:.75rem;font-size:var(--fs-300);line-height:20px;padding:.25rem;text-align:left}.project-img{border-radius:7px;cursor:pointer;display:inline-block;margin-left:1rem;margin-top:1rem;transition:all .3s ease;width:85px}.project-img:hover{box-shadow:0 0 2px #5eead4;box-shadow:0 0 2px var(--clr-primary-500);transform:scale(1) translateY(-1px) translateX(0)}.project-box{border:1px solid #fff;display:flex;flex-direction:column}.project-box,.project-box p,.project-box:hover{font-size:.875rem;font-size:var(--fs-350);line-height:21px;padding:1rem}.project-box:hover{border:1px solid #fff;border-radius:5px}.bottom-contact-box{margin-bottom:100px}.bottom-email-link{color:#3aa6a1;color:var(--clr-primary-300);cursor:pointer;font-family:Inter-Medium,sans-serif;font-family:var(--ff-med);font-size:.875rem;font-size:var(--fs-350);text-decoration:none}.viewip{margin-left:1rem}:root{--clr-primary-500:#5eead4;--clr-primary-400:tomato;--clr-primary-300:#3aa6a1;--clr-neutral-900:#213462;--clr-primary-900:#0e1358;--clr-primary-950:#0e13588c;--clr-neutral-200:#e2e8f0;--clr-neutral-100:#94a3b8;--ff-med:"Inter-Medium",sans-serif;--fs-xl:3rem;--fs-700:2.5rem;--fs-600:2.25rem;--fs-550:1.875rem;--fs-500:1.25rem;--fs-450:1.15rem;--fs-400:1rem;--fs-350:0.875rem;--fs-300:0.75rem;--fs-200:0.625rem}body{background-color:#0e1358;background-color:var(--clr-primary-900);font-family:Arial,sans-serif;margin:0;padding:0}.header{align-items:center;background-color:--clr-primary-900;color:#e2e8f0;color:var(--clr-neutral-200);display:flex;height:3rem;justify-content:right;padding:2rem;width:100%}.header button{background-color:#b8c6edd6;border:1px solid #94a3b8;border:1px solid var(--clr-neutral-100);border-radius:.25rem;color:#213462;color:var(--clr-neutral-900);font-size:.75rem;font-size:var(--fs-300);font-weight:700;justify-self:baseline;margin:.5rem;width:4.6rem}.header-login-input{border-radius:.5rem;display:flex;justify-content:space-between;margin:.5rem;padding:5px;width:15.4rem}.header-login-input label{color:#e2e8f0;color:var(--clr-neutral-200);font-size:.625rem;font-size:var(--fs-200);margin-right:1.5rem}.header-login-input input{border:none;border-radius:.25rem;font-size:.75rem;font-size:var(--fs-300);padding:.25rem;width:10rem}.nav-links{list-style:none}.nav-links li{display:inline;margin-right:.25rem}.coral-main-page{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:10rem;padding:--fs-500;width:720px}.coral-homepage-images-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:--fs-200;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center}.coral-homepage-image-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:.43rem;position:relative}.coral-homepage-image-container img{border-radius:.5rem;box-shadow:0 0 10px #5eead4;box-shadow:0 0 10px var(--clr-primary-500);display:block;height:100px;width:130px}.coral-home-img-label{background-color:#14fdee67;border-radius:7px;border-radius:--fs-200;color:#e2e8f0;color:var(--clr-neutral-200);font-size:1rem;font-size:var(--fs-400);margin-top:.25rem;text-align:center;width:100%}.footer{background-color:--clr-primary-900;padding:--fs-200 --fs-500;text-align:center}.footer,.footer-login{color:#333;height:3rem;width:100%}.footer-login{background-color:#0e135859}@media (max-width:767px){.header{margin-bottom:5rem}.footer,.header{flex-direction:column;text-align:center}.nav-links li{display:block;margin:--fs-200 0}.images-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.page-images-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.page-images-list{grid-template-columns:1fr}}.coral-main-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.coral-imagescroll-container{align-items:center;display:flex;justify-content:center;padding:.5rem}.box-scroll-images{-webkit-overflow-scrolling:touch;border:1px solid #94a3b8;border:1px solid var(--clr-neutral-100);border-radius:7px;margin:1rem;overflow-x:auto;padding:10px 0;scrollbar-color:#5eead4 #e2e8f0;scrollbar-color:var(--clr-primary-500) var(--clr-neutral-200);scrollbar-width:thin;white-space:nowrap;width:720px}.box-scroll-images::-webkit-scrollbar{height:8px}.box-scroll-images::-webkit-scrollbar-track{background:#e2e8f0;background:var(--clr-neutral-200)}.box-scroll-images::-webkit-scrollbar-thumb{background-color:#5eead4;background-color:var(--clr-primary-500);border:2px solid #e2e8f0;border:2px solid var(--clr-neutral-200);border-radius:10px}.scroll-image-container{border-radius:50%;box-shadow:0 0 10px #5eead4;box-shadow:0 0 10px var(--clr-primary-500);cursor:pointer;display:inline-block;margin-right:10px;position:relative}.scroll-image-container img{border-radius:50%;display:inline-block;height:150px;vertical-align:middle;width:150px}.heart-icon{color:#fff;cursor:pointer;font-size:24px;opacity:.7;position:absolute;right:10px;top:5px}.heart-icon.favorited,.heart-icon:hover{color:tomato;color:var(--clr-primary-400);opacity:1}.close-modal{color:#000;font-size:24px;right:10px;top:10px}.close-modal,.heart-icon-modal{cursor:pointer;position:absolute}.heart-icon-modal{color:#fff;font-size:--fs-550;right:3.75rem;top:--fs-200}.heart-icon-modal.favorited{color:red}.coral-homepage-imagescroll-container{padding:.5rem;z-index:1}.coral-homepage-imagescroll-container,.modal-box{align-items:center;display:flex;justify-content:center}.modal-box{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modal-img{border-radius:.75rem;box-shadow:0 0 5px #e2e8f0;box-shadow:0 0 5px var(--clr-neutral-200);max-height:80vh;max-width:90%;overflow:auto}.modal-content{align-items:center;background-color:#213462;background-color:var(--clr-neutral-900);border-radius:5px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:center;min-height:500px;min-width:500px;padding:2rem}.modal-img img{max-width:550px;min-height:450px;min-width:450px}.modal-button{background-color:#0e1358;background-color:var(--clr-primary-900);border:none;border-radius:5px;color:#94a3b8;color:var(--clr-neutral-100);cursor:pointer;font-size:1rem;font-size:var(--fs-400);margin-top:10px;padding:10px 20px}.modal-button:hover{background-color:#0e13588c;background-color:var(--clr-primary-950)}.modal-buttons-cell{display:flex;gap:.5rem}.coral-name-cell,.last-edited-cell{align-items:center;display:flex;gap:.5rem;justify-content:center}.coral-name-label,.coral-name-value{color:#e2e8f0;color:var(--clr-neutral-200);font-size:1rem;font-size:var(--fs-400)}.modal-info-table{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.page-images-list{grid-gap:1rem;align-items:center;cursor:pointer;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(100px,1fr));justify-content:center;margin:1rem;width:46rem}.page-img-grid{border-radius:.5rem;box-shadow:0 0 10px #5eead4;box-shadow:0 0 10px var(--clr-primary-500);display:block;height:130px;margin-top:1rem;object-fit:cover;width:130px}.page-image-container{flex-direction:column}.page-image-container,.page-inputbox{align-items:center;display:flex;gap:1rem}.page-inputbox{align-content:center;justify-content:center;margin-left:1rem;margin-right:1rem;margin-top:1rem;width:95%}.file-box{align-self:center;border-radius:.5rem;margin-top:.5rem}.page-inputbox button{background-color:#b8c6edd6;border-radius:7px;color:#213462;color:var(--clr-neutral-900);font-weight:500;margin-bottom:.5rem;margin-top:.5rem;width:150px}.description-input{border-radius:4px;box-sizing:border-box;overflow:auto;padding:10px;resize:vertical;width:100%}.page-input-boxes{word-wrap:wrap;gap:.25rem}.page-input-box2,.page-input-boxes{display:flex;flex-direction:column;width:100%}.page-input-box2{align-items:center;gap:6rem;justify-content:center;margin-top:auto}.page-input-boxes textarea{overflow:auto;resize:vertical}.page-input-boxes input[type=text],.page-input-boxes textarea{border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.page-main-box{align-items:center;display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.0efebb03.css.map*/