@import url(https://fonts.googleapis.com/css2?family=Allison&family=Charm&family=Quicksand:wght@300..700&display=swap);:root{--colors-white:rgb(235, 235, 235);--colors-white-translucent:rgba(235, 235, 235, .5);--colors-white-transparent:rgba(235, 235, 235, .2);--colors-dark-translucent:rgba(35, 35, 35, .8);--colors-dark-transparent:rgba(35, 35, 35, .2);--colors-darker-translucent:rgba(15, 15, 15, .8);--colors-darker-transparent:rgba(15, 15, 15, .2);--colors-darkest-translucent:rgba(5, 5, 5, .8);--colors-darkest-transparent:rgba(5, 5, 5, .2);--transition-fastest:.25s;--transition-faster:.5s;--transition-fast:1s;--transition-medium:2s;--transition-slow:3s}body{background-image:url(../img/bg.webp);background-size:cover;background-attachment:fixed;color:var(--colors-white);font-family:'Quicksand',sans-serif;padding:0;margin:0;overflow-x:hidden}button{background-color:var(--colors-darkest-translucent);border:1px solid var(--colors-white-transparent);border-radius:5px;box-sizing:border-box;color:var(--colors-white-translucent);letter-spacing:.435ch;margin:3ch 0;padding:1.35ch 2ch;text-transform:uppercase;transition-duration:var(--transition-faster);width:20ch}button:hover{background-color:var(--colors-dark-translucent);border:1px solid var(--colors-white);color:var(--colors-white)}button:focus{background-color:var(--colors-white);border:1px solid var(--colors-white);color:var(--colors-darkest-translucent)}.title{bottom:40%;color:#fff;font-family:'Allison',cursive;font-size:7.35rem;left:15vw;padding:15px 35px;position:fixed;top:37.35%;width:auto;width:-moz-fit-content;width:fit-content}.title span{display:block;font-family:'charm',sans-serif;font-size:13px;letter-spacing:3px;margin-top:-25px;text-align:right;text-transform:lowercase;word-wrap:normal}nav{align-items:stretch;bottom:25%;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;width:300px;right:0;position:fixed;top:25%}nav a,nav span{align-items:center;border-width:0 0 0 0;box-sizing:border-box;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:20%;justify-content:flex-start;letter-spacing:1ch;margin:0 0 0 0;padding:0 35px 0 75px;position:relative;text-decoration:none;text-transform:uppercase;transition-delay:.235s;transition-duration:.735s;transition-timing-function:ease-in-out}nav a:hover,nav .nav-active{background-color:#fff;border-width:0 0 0 3px;color:#232323;margin:0 0 0 -70px;transition-delay:0s!important;transition-duration:.435s}nav a::after,nav .nav-active:after{content:'';background-color:#fff;height:4px;left:0;opacity:0;position:absolute;right:100%;top:103.5%;transition-duration:0.735s}nav a:hover:after,nav .nav-active:after{bottom:0;left:10%;opacity:1;right:0;transition-delay:.135s}nav a::before{content:'';background-color:#fff;bottom:0;opacity:0;position:absolute;left:-6px;right:100%;top:95%;transition-duration:0.735s;width:3px}nav a:hover:before,nav .nav-active::before{content:'';background-color:#fff;bottom:0;opacity:1;position:absolute;left:-6px;right:100%;top:17.6%;transition-duration:0.735s;width:3px}.nav-button{align-items:center;background-color:rgb(0 0 0 / .4);border:1px solid rgb(255 255 255 / .2);border-radius:3px;box-sizing:border-box;color:#fff;display:none;height:45px;justify-content:center;opacity:0;padding:0 12px 5px 10px;position:fixed;right:15px;top:15px;transition-duration:var(--transition-medium);width:45px}.nav-button:hover{background-color:rgb(255 255 255 / .4);border:1px solid #232323;color:#232323;opacity:1;transition-duration:var(--transition-fast)}.nav-button:focus{background-color:rgb(255 255 255);border:1px solid #232323;color:#232323;opacity:1;transition-duration:var(--transition-fast)}.b1{background-image:url(../img/bg1.png)}.bg2{background-image:url(../img/bg2.png)}.content h1{border-bottom:1px solid var(--colors-white-translucent);display:flex;justify-content:flex-end;letter-spacing:.735ch;padding:0 1ch 1ch 1ch;text-transform:uppercase}.content .sub-title{display:flex;font-family:'Quicksand',cursive;font-size:1.315ch;font-variant:small-caps;font-weight:bolder;justify-content:flex-end;letter-spacing:.375ch;margin:-1.375ch 0 0 0;padding:0 3ch}.content article{background-color:var(--colors-dark-translucent);border:1px solid var(--colors-white-transparent);border-radius:8px;font-size:1.935ch;font-weight:600;line-height:3.5ch;margin:5ch 3ch;padding:3ch}.content article .first-line{font-size:1.935ch;font-variant:small-caps;font-weight:600;letter-spacing:.435ch}.content article h2{font-size:1.935ch;font-variant:small-caps;font-weight:600;letter-spacing:.435ch}.sub .layout-selector{align-items:center;background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:space-around;padding:initial 1ch}.sub .layout-selector div{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-around}.sub .layout-selector button{margin:1.35ch .35ch}@media screen and (max-width:768px){nav{display:none}.nav-button{display:flex;opacity:1}.sub .content{left:15%;right:15%;width:60%}.content h1{font-size:1.735ch}.content .sub-title{font-size:1.435ch}}