.home-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:50vw;background:url(../../assets/portfolio-contents/sd-images/falcon-heavy-arrow.webp) no-repeat center right/cover;text-shadow:0 0 11px black;padding-left:2rem}@media (max-width: 650px){.home-container{margin-top:5rem}}.home-container h1{font-size:clamp(2rem,4vw,4rem);margin-block:0;text-align:left}.home-container p{font-size:1.2rem;text-align:center}#home-filters{display:flex;justify-content:center;flex-wrap:wrap;width:100%;column-gap:5%;row-gap:1rem;font-size:1.25rem;padding:1rem 0;margin-top:5rem}#home-filters>a{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden}#home-filters a>span{position:absolute;opacity:0;bottom:-100px;transition:all .25s ease}#home-filters>a:hover img,#home-filters>a:focus img{transition:all .25s ease;overflow:hidden;opacity:.2}#home-filters>a:hover span,#home-filters>a:focus span{bottom:20px;opacity:1}@media screen and (max-width: 725px){#home-filters>a img{opacity:.25}#home-filters>a span{bottom:0;opacity:1;display:flex;width:100%;background:#000000a2;height:100%;justify-content:center;align-items:center}}.photos-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.photo{display:flex;position:relative;width:400px;aspect-ratio:1;overflow:hidden}.photo>img{object-fit:cover;object-position:center;max-width:100%;transition:all .5s ease}.info{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;z-index:-1;height:0;text-align:center;vertical-align:middle;color:#0000;background:rgba(255,255,255,0);transition:all .5s ease}.photo:hover>img,.photo:focus>img{opacity:.5}.photo:hover .info,.photo:focus .info{box-sizing:border-box;display:flex;z-index:1;color:#000;height:100%;width:100%;padding:3rem;background:rgba(255,255,255,.5)}.blurred-img{filter:blur(10px)}.blurred-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:pulse 2.5s infinite;background-color:#fff}@keyframes pulse{0%{opacity:0}50%{opacity:.05}to{opacity:0}}.blurred-img.loaded:before{animation:none;content:none}.blurred-img.loaded{filter:none;background:none}.blurred-img img{opacity:0;transition:opacity .25s ease-in-out;object-fit:cover;object-position:center;max-width:100%;transition:all .5s ease}.blurred-img.loaded img{opacity:1;object-fit:cover;object-position:center;max-width:100%;transition:all .5s ease}.loading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}#loading-bar-container{width:100%;height:5px;position:relative}#loading-bar{display:inline-block;height:100%;background:var(--secondary);width:5%;border-radius:1rem;position:relative;left:0;animation:loading 5s linear infinite alternate}@keyframes loading{33%{width:100%;opacity:1}66%{left:unset;right:0}to{width:5%;left:0;right:unset;opacity:.2}}#loading-chart{width:80%;min-width:300px;grid-template-columns:repeat(2,50%)}#loading-chart .row{display:grid;grid-template-columns:repeat(2,50%)}#loading-chart .row div{padding:1em;border:1px solid rgb(127,127,127)}.go{background:green}.active{background:tan}div#filters{display:flex;flex-wrap:wrap;justify-content:center;column-gap:2rem;row-gap:.5em;margin-bottom:2rem}@media only screen and (max-width:425px){div#filters{display:grid;grid-template-columns:repeat(2,1fr);padding-inline:.5em}#clear-filter{grid-column:1/3}}#filters a{border:1px solid var(--primary);padding:.5em 1em;transition:all .25s ease;white-space:nowrap;text-align:center;flex-basis:36%}#filters :is(a:hover,a:focus,a:active,.current){color:#fff;border:1px solid #fff}header{height:2rem;box-shadow:0 0 #fff;display:flex;align-items:center;padding:.5rem 1rem;position:relative;z-index:10}header .title{margin-right:auto}header .title a{text-decoration:none;color:#fff;font-size:1.2rem}header #header-logo{height:100%;display:inline-block}header #header-logo img{height:100%}nav ul{display:flex;list-style:none}nav li{padding:.5rem 1rem}header .socials{list-style:none;display:flex;gap:1em;align-items:center}@media only screen and (max-width: 769px){ul.socials{margin-right:3rem}}header .socials li{height:25px;transition:all .25s ease-in-out}header .socials a{display:inline}header .socials a img{height:25px}header .socials li:hover,header .socials li:focus{transform:scale(1.2)}nav ul.nav-mobile{display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;bottom:30px;right:0;background:var(--mobile-nav-background);padding:.1rem;gap:1rem;transition:transform 1s ease}nav ul.nav-mobile li{border-bottom:2px solid #c1c1c163;min-width:20%;text-align:center}nav ul.nav-mobile.open{display:flex;transform:translateY(100%);padding-top:1rem}nav button{width:40px;aspect-ratio:1;display:flex;flex-direction:column;gap:.4rem;position:relative;background:#0000005c;border:1px solid var(--secondary);justify-content:center;align-items:center;border-radius:8px}nav button:hover,nav button:focus{filter:invert(1)}nav button span{width:25px;height:2px;background:var(--secondary)}main{width:80%;margin-inline:auto}form{max-width:500px;margin-inline:auto;display:flex;flex-direction:column}form>*{margin-block:1rem}.tool-box ul{list-style:none}.hidden .tool-body{display:none}.visible .tool-body{display:block}.toggle-btn{background:none;color:var(--primary);padding:1em;border:none;font-size:1.5rem}.toggle-btn:before{color:var(--primary);font-size:1.5rem;padding-right:1em}.hidden .toggle-btn:before{content:"▷"}.visible .toggle-btn:before{content:"▽"}footer{display:block;background:#04142187;padding:.1em 0 3rem;position:absolute;width:100%;bottom:0;box-sizing:border-box}.footer-inner{display:flex;justify-content:space-around;align-items:center;margin-block:3rem 1rem;max-width:1200px;margin-inline:auto}@media screen and (max-width: 700px){.footer-inner{flex-direction:column;text-align:center}}footer ul{list-style-type:none;padding:0}footer ul li{padding-block:.5em}footer #contact h3{margin-top:0}footer .socials{list-style:none;display:flex;gap:1em;align-items:center;justify-content:space-evenly;margin-right:0}footer .socials a{display:flex;transition:all .25s ease}footer .socials a:hover{opacity:.5}:root{--primary: rgb(219, 191, 81);--secondary: rgb(202, 202, 202);--text: #fff;--background: rgb(35 53 86);--mobile-nav-background: rgb(64, 73, 89);--footer-height:300px;--footer-height-mobile:530px}h2{color:#bcbcbc;font-weight:100;padding-left:.25rem}body{box-sizing:border-box;background:var(--background);color:var(--text);margin:0;position:relative;min-height:100vh}#root{min-height:100vh;position:relative;padding-bottom:var(--footer-height)}@media screen and (max-width: 700px){#root{padding-bottom:var(--footer-height-mobile)}}:is(h1,h2,h3,h4,h5){font-size:1rem;margin-top:1em}p{margin-top:1em;max-width:64ch}a{color:var(--primary);text-decoration:none}a:hover,a:focus{color:var(--secondary)}.details-container{box-sizing:border-box;max-width:1200px;width:100%;padding:1rem;margin-inline:auto}.photo-container{width:100%}.photo-container a{display:grid}.photo-container img{width:100%;object-fit:cover;object-position:center}.photo-container #date{font-size:.7rem}.info-container{display:flex;align-items:center;justify-content:space-evenly;gap:2rem}@media (max-width: 650px){.info-container{flex-direction:column;gap:1rem}}.info-container h2{font-size:1.5rem}table.meta-table{border:1px solid white;padding:1rem}.meta-table caption{padding-bottom:.5rem;margin-bottom:.25rem}.meta-table th{text-align:right}.bread-crumbs{margin-left:.5em;font-size:.9rem;margin-bottom:1em}*{font-family:Verdana,Geneva,Tahoma,sans-serif}section.body{max-width:1500px;padding-inline:1rem;margin-inline:auto}