@import"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css";:root{--main-black: #07070A;--accent-yellow: #EDAE49;--accent-red: #D1495B;--accent-blue: #00798C;--accent-gray: #24272b;--navbar-height: 56px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;overflow-x:hidden}@media only screen and (max-width: 1080px){html,body{height:auto;min-height:100vh}}body{background-color:#262626;color:#fff}a{font-size:x-large;text-decoration:none}p{font-size:large;color:#fff}li{color:#fff}code{font-size:2.5vh}h1,h2,h3,h4{color:#fff}#body{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:20px;overflow:hidden;min-height:0}.navbar{position:sticky;top:0;z-index:2;background-color:#edae49}.navbar ul li a{color:#262626}.active,.navbar ul li a:hover{color:#fff!important}.navbar-brand,.navbar-brand:hover{font-size:xx-large;color:#262626!important}.navbar-brand.active{color:#262626!important}#sidebar-links a{color:#d1495b;text-decoration:none;font-size:1.5vh}#sidebar-links img{margin-right:10px;vertical-align:middle}.centered{display:block;margin:auto}.centered-text{text-align:center}#fourohfour{margin:100px;padding:20px;background-color:#d1495b;border-radius:25px}body.modal-open{overflow:hidden!important;padding-right:var(--scrollbar-width, 0px)!important}#post-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#000000d9;justify-content:center;align-items:flex-start;padding:20px 20px 40px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background-color:#24272b;margin:0 auto;padding:0;width:90%;max-width:900px;max-height:calc(100vh - 40px);box-shadow:0 8px 32px #000c;border-radius:12px;animation:slideIn .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:15px;right:20px;background:#00798ccc;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover,.modal-close:focus{background:#d1495b}.modal-close svg{width:24px;height:24px;stroke:#fff;stroke-width:2.5}#modal-post-content{padding:40px;max-height:calc(100vh - 100px);overflow-y:auto;scroll-behavior:smooth;flex:1}.post-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #444}.post-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#fff;line-height:1.2}.post-meta{display:flex;gap:20px;align-items:center;color:#ccc;font-size:.95rem;margin-bottom:10px}.post-date{font-style:italic}.post-author{font-weight:500}.post-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.post-category{display:inline-block;padding:5px 12px;background:#00798c;color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.post-body{font-size:1.1rem;line-height:1.7;color:#fff;margin-bottom:30px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.post-body *{color:inherit!important}.post-body a{color:#00798c!important;font-size:inherit!important;text-decoration:none;border-bottom:1px solid #00798C;transition:all .2s ease}.post-body a:hover{color:#edae49!important;border-bottom-color:#edae49}.post-body code{color:#abb2bf!important;background:#1a1a1a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.post-body img{max-width:100%;height:auto;border-radius:8px;display:block}.post-body p{margin-bottom:1.2em}.post-body h1,.post-body h2,.post-body h3,.post-body h4{margin-top:1.5em;margin-bottom:.8em;font-weight:600}.post-body h1{font-size:2rem}.post-body h2{font-size:1.6rem}.post-body h3{font-size:1.3rem}.post-body h4{font-size:1.1rem}.post-body pre{background:#282c34;color:#abb2bf;padding:15px;border-radius:8px;overflow-x:auto;margin:20px 0}.post-body pre code{background:none;padding:0;color:inherit}.post-body ul,.post-body ol{margin-left:25px;margin-bottom:1.2em}.post-body li{margin-bottom:.5em}.post-body blockquote{border-left:4px solid #00798C;padding-left:20px;margin:20px 0;font-style:italic}.post-body table{width:100%;border-collapse:collapse;margin:20px 0}.post-body table th,.post-body table td{padding:10px;border:1px solid #444;text-align:left}.post-body table th{background:#333;font-weight:600}.post-footer{padding-top:20px;border-top:2px solid #444;text-align:center}.post-original-link{display:inline-block;padding:12px 30px;background:#00798c;color:#fff;text-decoration:none;border-radius:25px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #00798c4d}.post-original-link:hover{background:#edae49;transform:translateY(-2px);box-shadow:0 6px 20px #edae4966}.portfolio-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card:focus{outline:3px solid #00798C;outline-offset:3px}.portfolio-card .box{display:flex;flex-direction:column;height:550px}.portfolio-card .preview-image{width:100%;height:200px;object-fit:cover;object-position:center;flex-shrink:0}.portfolio-card h4{color:#fff;font-size:1.4rem;margin:15px 0 10px;font-weight:600;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:3.4rem;word-wrap:break-word;overflow-wrap:break-word}.post-excerpt{color:#ccc;line-height:1.6;font-size:.95rem;margin:10px 0;min-height:60px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.post-date-preview{font-size:.9rem;color:#aaa;margin-top:auto;padding-top:10px;font-style:italic;flex-shrink:0}.post-categories-card{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 5px;flex-shrink:0}.post-category-card{display:inline-block;padding:4px 10px;background:#00798c;color:#fff;border-radius:15px;font-size:.75rem;font-weight:500;white-space:nowrap}@media (max-width: 1080px){.portfolio-card .box{min-height:560px;height:560px}.portfolio-card .preview-image{height:220px}.post-excerpt{-webkit-line-clamp:4;line-clamp:4}}@media (max-width: 768px){.modal-content{width:95%;margin:20px auto;border-radius:8px}#modal-post-content{padding:20px;max-height:calc(100vh - 60px)}.post-title{font-size:1.8rem}.post-body{font-size:1rem}.modal-close{top:10px;right:10px;width:40px;height:40px;font-size:28px}.post-meta{flex-direction:column;align-items:flex-start;gap:5px}.portfolio-card .box{min-height:550px;height:550px}.portfolio-card .preview-image{height:200px}.portfolio-card h4{font-size:1.2rem;min-height:3rem}.post-excerpt{font-size:.95rem;-webkit-line-clamp:4;line-clamp:4}}#modal-post-content::-webkit-scrollbar{width:8px}#modal-post-content::-webkit-scrollbar-track{background:#333;border-radius:10px}#modal-post-content::-webkit-scrollbar-thumb{background:#00798c;border-radius:10px}#modal-post-content::-webkit-scrollbar-thumb:hover{background:#edae49}#sidebar{background-color:var(--main-black);padding:1%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;min-height:0}.sidebar-image-container{display:flex;justify-content:center;flex-shrink:0;padding:20px 5px}.sidebar-image-container img{width:50%;max-width:150px;height:auto;border-radius:20%}#sidebar-bio{background-color:var(--accent-gray);padding:5%;border-radius:10px;flex-shrink:1;min-height:0}#sidebar-bio p{margin-bottom:.8em}.sidebar-icon{width:15%;height:auto}.sidebar-links-row{display:flex;gap:10px;flex-shrink:1;min-height:0}#sidebar-links{color:#d1495b;font-size:x-large;background-color:var(--accent-gray);padding:5%;border-radius:10px;flex:1;min-width:0;min-height:0;overflow-y:auto}#sidebar-links h2{font-size:1.1rem;margin-bottom:.5em}#sidebar-links img{filter:invert(44%) sepia(30%) saturate(1938%) hue-rotate(311deg) brightness(85%) contrast(93%);padding-bottom:2%;width:8%;z-index:1}#sidebar-links a{text-decoration:none;font-size:1.5vh}#sidebar-links a:hover{color:#fff}@media only screen and (max-width: 1080px){#sidebar{display:none}}.portfolio-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.portfolio-page #body{flex:1;min-height:0;overflow:hidden}@media only screen and (max-width: 1080px){.portfolio-page{height:auto;min-height:100%;overflow:visible}.portfolio-page #body{overflow:visible;flex:none;height:auto}}.portfolio-grid-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:20px 20px 60px 0;scrollbar-width:thin;scrollbar-color:#D1495B #262626}.portfolio-grid-container::-webkit-scrollbar{width:12px}.portfolio-grid-container::-webkit-scrollbar-track{background:#262626;border-radius:10px}.portfolio-grid-container::-webkit-scrollbar-thumb{background:#d1495b;border-radius:10px;border:2px solid #262626}.portfolio-grid-container::-webkit-scrollbar-thumb:hover{background:#e05f70}.container{display:grid;grid-template-columns:1fr;gap:20px;grid-auto-rows:1fr;height:fit-content;padding-bottom:80px}.container a{text-decoration:none;line-height:30px}.box{padding:20px;background-color:#07070a;display:block;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;height:auto;box-shadow:0 4px 8px #000;transition:transform .3s ease}.box:hover{background-color:#00798c;transform:scale(1.01)}.box img{border-radius:10px;margin-bottom:15px}.preview-image{width:100%}@media only screen and (min-width: 600px){.container{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1080px){.container{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 1600px){.container{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width: 1080px){#body{display:block}}#footer{display:none;width:100%;justify-content:center;background-color:#000;padding:20px 0}#footer-tiles{margin-top:2%;margin-bottom:2%;width:50%;border-radius:20px;padding:2%;background-color:var(--accent-gray)}#footer-links{color:#d1495b;font-size:medium;text-decoration:none}.footer-icon{filter:invert(44%) sepia(30%) saturate(1938%) hue-rotate(311deg) brightness(85%) contrast(93%);padding-bottom:2%;padding-right:2%;width:10%;z-index:1;height:auto}@media only screen and (max-width: 1080px){#footer{display:flex}.portfolio-grid-container{height:auto;overflow-y:visible;padding:20px}.container{padding-bottom:20px}}#main-content{margin-top:75px;width:90%;padding-left:2%;padding-right:2%;border-radius:20px}#kuula-iframe{width:100%;height:640px;border-radius:20px}.about-me-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.about-me-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:thin;scrollbar-color:#D1495B #262626}.about-me-container::-webkit-scrollbar{width:12px}.about-me-container::-webkit-scrollbar-track{background:#262626;border-radius:10px}.about-me-container::-webkit-scrollbar-thumb{background:#d1495b;border-radius:10px;border:2px solid #262626}.about-me-container::-webkit-scrollbar-thumb:hover{background:#e05f70}@media (min-width: 800px){.about-me-container>*{max-width:1200px;margin:0 auto}}@media only screen and (max-width: 1080px){.about-me-page,.about-me-container{height:auto;overflow:visible}}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px;box-sizing:border-box}.tile-grid.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;box-sizing:border-box}@media (min-width: 800px){.tile-grid.tile-4col{grid-template-columns:repeat(4,1fr)}}@media (max-width: 799px){.tile-grid.two-column-layout{grid-template-columns:1fr}}.tile{display:flex;flex-direction:column;justify-content:flex-start;background-color:#1e1e1e;padding:16px;border-radius:8px;color:#fff;box-shadow:0 2px 6px #0003;height:auto;transition:transform .3s ease}.tile:hover{background-color:#00798c;transform:scale(1.01)}.tile-full{grid-column:1 / -1}.tile-compact{padding:12px;font-size:.9rem}@media (min-width: 800px){.tile-large{grid-column:span 2;grid-row:span 2}.tile-small{grid-column:span 1}}.tile-image{overflow:hidden;padding:0}.tile-image img{object-fit:cover;border-radius:8px;height:auto;width:50%;padding:1%}@media (max-width: 799px){.tile-image img{width:100%;height:auto;border-radius:8px}}.two-column-layout .nested-column{display:grid;grid-template-rows:1fr 1fr;gap:16px}.two-column-layout .half-height{height:100%}@media (min-width: 800px){.two-column-layout .tile-tall{grid-row:span 2}}@media (max-width: 799px){.two-column-layout .nested-column{grid-template-rows:auto auto}.two-column-layout .tile-tall{grid-row:auto}}h1{font-size:2rem}h4{margin-bottom:8px;font-size:1.2rem}p,ul{font-size:1.25rem}ul{padding-left:20px}code{background:#2b2b2b;padding:2px 4px;border-radius:4px}.social-links{width:100%;aspect-ratio:1 / 1;background-color:#fff;border-radius:25%}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.not-found-content{text-align:center}.not-found-content h1{font-size:6rem;font-weight:700;margin-bottom:1rem}.not-found-content h2{font-size:2rem;margin-bottom:1rem}.not-found-content p{font-size:1.2rem;margin-bottom:2rem}.home-link{display:inline-block;padding:.75rem 2rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:.5rem;transition:background-color .3s ease}.home-link:hover{background-color:#0056b3}.App{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.App>div{height:100%;overflow:hidden}#root{height:100vh}@media only screen and (max-width: 1080px){.App{height:auto;min-height:100vh;overflow:visible}.App>div{height:auto;overflow:visible}#root{height:auto;min-height:100vh}}