body,html{padding:0;margin:0;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.button1{background-color:#23a659}.button1,.button1:hover{width:10%;height:34px;border-radius:10px;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .5s ease}.button1:hover{background-color:#1a7540}.button1:disabled{width:10%;height:34px;border-radius:10px;border:none;background-color:#23a659;color:#fff;font-size:1rem;font-weight:700;transition:all .5s ease;opacity:65%;cursor:default}.button2{background-color:#1a75ad}.button2,.button2:hover{width:10%;height:34px;border-radius:10px;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .5s ease}.button2:hover{background-color:#155a85}.button2:disabled{width:10%;height:34px;border-radius:10px;border:none;background-color:#1a75ad;color:#fff;font-size:1rem;font-weight:700;transition:all .5s ease;opacity:65%;cursor:default}.button3{position:absolute;top:60px;left:20px;background-color:grey;border-radius:5px;border:none;font-size:1rem;cursor:pointer;transition:.2s ease}.button3:hover{background-color:#a9a9a9}.top-nav-container{z-index:999;position:absolute;top:20px;display:flex;flex-direction:column}.left{left:20px}.right{right:20px;align-items:flex-end}.top-nav-toggle{width:64px;height:64px;border-radius:50%;padding:6px;border:none;background-color:#333333e0;transition:background-color .3s,box-shadow .5s;box-shadow:2px 2px 4px 0 rgba(0,0,0,.5);cursor:pointer}.top-nav-toggle:hover{background-color:#444;box-shadow:none}.top-nav-toggle img{width:48px;height:48px;filter:invert(100%)}.top-nav{list-style:none;display:flex;flex-direction:column;gap:15px;padding-inline-start:0}.top-nav a{text-decoration:none;padding:10px 30px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.5);border-radius:10px;display:flex;align-items:center;background-color:#333333e0;color:#fff;gap:20px;transition:background-color .5s,transform .2s}.top-nav a:hover{background-color:#444;transform:scale(1.01)}.top-nav .discord:hover{background-color:#5764f2}.top-nav .spotify:hover{background-color:#1bc457}.top-nav .groceries:hover{background-color:#d99203}.top-nav .calculator:hover{background-color:darkred}.top-nav .starcraft{border:2px inset #333333e0}.top-nav .starcraft:hover{background-color:#0c007b;border:2px inset #687fcc;box-shadow:inset 0 0 20px 7px #233c96}.top-nav .bac{background-image:url(/beer.jpg);background-position:0 60px;background-repeat:repeat-x;transition:background-position .8s;background-size:75%}.top-nav .bac:hover{background-image:url(/beer.jpg);background-position:0 -40px}.top-nav img{height:32px;filter:invert(100%)}.top-nav li{list-style:none}