html{width:100vw;height:100vh}a{color:#f5f5f5}a:hover{color:#00f;cursor:pointer}html,body,.component{margin:0;padding:0;color:#f5f5f5;font-family:Futura,Arial,sans-serif}button:hover{cursor:pointer;background-color:#000;border:1.5px blue solid}button{width:100px;padding:5px;background-color:#362f2a;color:#ff8;font-weight:700;border-radius:10%;border:none}body{background-color:#c28335;overflow:hidden}.main{display:flex;width:100vw;max-height:100vh;justify-content:center;align-items:center;object-fit:contain;overflow:hidden;margin:0;padding:0}.main__video{pointer-events:none;transition:transform 1.5s ease-in}nav{position:absolute;z-index:10;width:100%;display:flex;justify-content:center;align-items:center}.nav-ul{display:flex;width:100%;flex-direction:column;align-items:flex-end;position:absolute;list-style:none;width:50%}@media (max-width: 768px){.nav-ul{width:90%}}.nav-ul{margin:0;padding:0}.nav-ul__link a{position:relative;text-decoration:none;font-size:50px;transition:transform 5s ease-out,opacity 1s linear}@media (max-width: 768px){.nav-ul__link a{font-size:40px;right:unset}}.page{display:flex;gap:10px;flex-direction:column;position:absolute;transition:opacity .5s ease-in;top:0;z-index:11;background-color:#da773037}.bioPage{font-size:.85rem;top:10%;left:40%;height:500px;width:300px;overflow:scroll}@media (max-width: 768px){.bioPage{left:10%;background-color:#c28335;padding:10px}}.artPage{width:300px;top:20%;left:30%}@media (max-width: 768px){.artPage{left:5%}}.eventsPage{top:30%;left:50%}.contactPage{top:75%;left:50%;justify-content:center;align-items:center;transform:translate(-50%,-50%)}@keyframes driftA{0%{transform:translate(0)}50%{transform:translate(-5px,10px)}to{transform:translate(0)}}@keyframes driftB{0%{transform:translate(0)}50%{transform:translate(-5px,-10px)}to{transform:translate(0)}}@keyframes driftC{0%{transform:translate(0)}50%{transform:translate(-10px,10px)}to{transform:translate(0)}}@keyframes driftD{0%{transform:translate(0)}50%{transform:translate(10px,3px)}to{transform:translate(0)}}