:root{--text-background-color:rgba(0,0,0,0.30);--menu-background-color:rgb(255,255,255,0.4);}*{margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;}body{background-image:url('stage02.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;font-family:serif;}.menu-box{position:absolute;background-color:var(--menu-background-color);box-shadow:0 0 30px 30px var(--menu-background-color);padding:20px;min-width:200px;max-width:90vw;}@media (max-width:600px){.menu-box{margin:2em;font-size:23px;top:calc(50% - 80px);}}@media (min-width:600px){.menu-box{top:calc(50% - 10px);left:calc(50%);transform:translate(-50%,0);font-size:30px;}}.menu{list-style:none;}.menu li{margin-bottom:10px;}.menu li:last-child{margin-bottom:0;}.menu a{text-decoration:none;color:black;font-weight:500;letter-spacing:3px;transition:color 0.3s;font-style:oblique;}.menu a:hover{text-decoration:underline;}.description-container{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:100%;width:100%;color:lightgray;font-style:italic;font-family:monospace !important;letter-spacing:0.2em;}.description-text-box{grid-column:1 / 2;grid-row:1 / 2;padding:2rem;display:flex;align-items:flex-start;justify-content:flex-start;font-size:1.2rem;}.description-text-box p,.description-container ul{}@media (max-width:600px){.description-text-box{font-size:1rem;padding:1rem;}}ul{list-style-type:none;}ul li{margin-bottom:1.5rem;}.description-container a{color:white;}.description-container a:hover{letter-spacing:0.4em;}.footer-line{grid-column:2 / 3;grid-row:2 / 3;padding:2rem;display:flex;align-items:flex-end;justify-content:flex-end;font-size:1rem;}.logo{position:absolute;top:calc(50% + 30px);left:calc(50% - 140px);transform:translate(-50%,-50%);z-index:1;width:40%;height:auto;pointer-events:none;opacity:0.1;filter:blur(0.2vw);}