.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2e1b3a40;border:1px solid #5fb6ff;border-radius:30px;flex-wrap:wrap;justify-content:center;width:100%;padding:.5rem;transition:background-color .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out;display:flex;position:fixed;left:0}.nav-link{color:#000;box-sizing:border-box;border-bottom:2px solid #0000;margin:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{color:#000;background-color:#ddd}.nav-link.active{font-weight:700}@media (orientation:portrait){.navbar{width:calc(100% - 4em);margin:1em 0;bottom:0;left:50%;transform:translate(-50%)}.nav-link{text-align:center;color:#ffeffe;flex:0 0 calc(32% - .5rem)}.nav-link:nth-child(n+4){flex:0 0 calc(48% - .5rem)}.nav-link.active{border-bottom:3px solid #00f}}@media (orientation:landscape){.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:1000;background-color:#2e1b3a40;border:1px solid #5fb6ff;border-radius:25px;flex-direction:column;justify-content:space-around;align-items:stretch;width:280px;height:calc(100% - 14rem);margin:0 1em;padding:0 3rem;display:flex;position:fixed;top:8rem;bottom:1rem;left:1rem}.nav-link{text-align:center;color:#fff;background-color:#2d3a6d75;border:1px solid #fff;border-radius:12px;padding:1.5rem .75rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .25s;display:block}.nav-link:hover{color:#ffbeec;background-color:#46306670;border-color:#ffbeec}.nav-link.active{color:#ff86f7;background-color:#1a003a50;border-color:#ff86f7}}
header{text-align:center;background-color:#08000a80;border:1px solid #fff;border-radius:1em;grid-template-columns:auto 1fr;align-items:center;padding:.5rem 2rem;display:grid;position:relative}header h1{color:#e0e0e0;grid-column:2;margin:0;font-family:Inter,sans-serif}.img-container{align-self:end;width:80px;height:80px;position:absolute}.image{object-fit:contain}@media (orientation:portrait){header{margin:1rem 3rem}header h1{font-size:3.5rem}.img-container{top:1rem}}@media (orientation:landscape){header{margin:1rem 5.5rem}header h1{font-size:4rem}.img-container{top:1.5rem;left:5rem}}
footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2e1b3a40;border:1px solid #5fb6ff;border-radius:30px;padding:0 1em;transition:background-color .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out}footer h1{color:#b8dcff;text-align:center;font-family:Inter,sans-serif}footer p{color:#ffeffe;text-align:center;font-family:Inter,sans-serif;font-size:large}footer .flags img{border:.15em solid #000;height:2rem}footer h2{color:#ffeffe;text-align:center}footer .flags img:hover{transform:scale(1.05)}footer .flags{flex-direction:row;justify-content:space-between;display:flex}.unavailable-lang{cursor:not-allowed;opacity:.5}footer .random-image{width:100%}footer h4{text-align:center;color:#ffeffe;margin-top:0;font-size:small}footer .medias{flex-direction:row;justify-content:space-around;display:flex}footer .medias img{width:50%}footer .medias a,footer .kolvanian-flag{justify-content:center;display:flex}footer .kolvanian-flag img{width:40%}@media (orientation:portrait){footer{margin:1em 3em 13em}footer .flags img{height:4em}footer .random-image{align-items:center;width:70%;margin-left:15%}footer .medias img{width:30%}footer .clock{margin-top:0;margin-bottom:.2em;font-size:xxx-large}footer .kolvanian-flag img{width:20%}}@media (orientation:landscape){footer{width:280px;height:calc(100% - 14rem);position:fixed;top:8rem;bottom:1rem;right:1rem}}