@import"https://fonts.googleapis.com/css2?family=Anton&family=Black+Ops+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;font-family:Roboto,sans-serif}html{padding:0;margin:0}a{text-decoration:none;text-transform:uppercase}body{overflow-x:hidden}.main-container{padding:100px 0 150px;display:flex;flex-direction:column;align-items:center;width:100vw;height:calc(100vh - 250px);overflow-x:hidden;overflow-y:auto}.link-list{margin:0;padding:0}.main-card{padding:1rem}.header-component{width:100%;display:flex;flex-direction:row;align-content:center;align-items:center;height:100px;position:fixed;transition:background-color .5s ease}.header-component>.left{width:25%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:flex-start;padding-left:1rem}.header-component>.middle{height:100%;width:50%;display:flex;flex-direction:row;align-items:center;align-content:space-around;justify-content:center}.header-component>.right{width:25%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.footer-component{width:100%;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center;height:100px;bottom:0;position:fixed;transition:background-color .5s ease}.footer-component>.left{width:25%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.footer-component>.middle{height:100%;width:50%;display:flex;flex-direction:row;align-items:center;align-content:space-around;justify-content:center}.footer-component>.right{width:25%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.profile-picture-component{display:flex;flex-direction:row;align-content:center;align-items:center}.main{background-color:#111;color:#ddd;background-image:url(/assets/background-B-eHuhml.png);background-attachment:fixed;transition:background-color .5s ease}a{color:#ddd}.main .header-component{color:#ddd;background-color:#111;z-index:2;box-shadow:0 3px 3px #ddd}.main .footer-component{color:#ddd;background-color:#111;z-index:2;box-shadow:0 -1px 3px #ddd}@media screen and (min-width: 500px){.header-component,.profile-picture-component{justify-content:center}.link-list{width:50%}}@media screen and (max-width: 500px){.header-component,.profile-picture-component{justify-content:flex-start}.link-list{width:auto}}.card-box{border-radius:1rem;border:solid;background-color:#64646433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-display-background{position:fixed;top:0;left:0;display:flex;height:100vh;width:100vw;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;flex-direction:row}.link-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:90%;height:4rem;border:3px solid;border-radius:1rem;padding:0 1rem;margin:1rem 0;transition:.1s ease-in-out;position:relative;background-image:linear-gradient(90deg,#12380600,#2f790900 31%,#639a6000);overflow:hidden;background-color:#191919b3}.link-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.link-card:after{background-image:linear-gradient(90deg,#123806,#2f7909 31%,#639a60)}.link-card:hover:after{opacity:1}.link-card-icon{padding-left:1rem;padding-right:2rem;transform-origin:center;transition:transform .1s ease-in-out;z-index:1}.link-card:hover .link-card-icon{transform:scale(1.5)}.link-card:hover .link-card-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.link-card-name{transition:transform .1s ease-in-out;z-index:1}.link-card:hover .link-card-name{transform:translate(3rem)}.game-list{margin:2rem;padding:1rem}.game-name{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.game-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:.5rem;padding:.5rem 1rem}.item-delete{cursor:pointer}.randomizer{padding:1rem;display:flex}.add-game{display:flex;flex-direction:column;padding:3rem}.add-game .button{background-color:red}.name-selector{width:100%;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}.name-selector label{font-size:1.5rem}.name-selector input{padding:.5rem;background-color:transparent;color:#ddd;border:0}.name-selector input:focus{outline:none;border:0}.randomization-machine{position:fixed;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center}.randomization-machine-content{padding:3rem}.button-selector-div{padding:.5rem;display:flex;align-content:center;justify-content:center;align-items:center}.game-selector-button{border-radius:1rem;background-color:#808080cc;border:0;padding:.5rem;transition:.2s ease-in-out;min-width:8rem}.game-selector-button:hover{background-color:#c8c8c8cc}.selected-emote{display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:row}.dialog-header{padding:.5rem;display:flex;width:90%;align-content:center;justify-content:flex-end;border-bottom:1px solid #ddd;margin-bottom:.5rem;align-items:center}.slot-machine{display:flex;flex-direction:row}.slot-box{font-size:3rem;min-height:4rem}.slot-machine-result{min-height:1.5rem;display:flex;align-content:center;justify-content:center;align-items:center}.emote-grid{position:fixed;top:10rem;padding:10px;border-radius:.5rem;width:300px;height:400px;overflow-y:scroll}.emote-grid::-webkit-scrollbar{width:.5rem;border-radius:0 1rem 1rem 0;background-color:#80808080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emote-grid::-webkit-scrollbar-thumb{border-radius:0 1rem 1rem 0;height:5rem;background-color:#aaa}.emote-grid::-webkit-scrollbar-thumb:hover{border-radius:0 1rem 1rem 0;background-color:#ccc}.emote-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));padding:0;gap:.2rem;text-shadow:2px 2px 2px rgba(128,128,128,.8)}.hamburger-menu{position:relative}.burger{width:3rem;height:2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.burger div{width:100%;height:.3rem;background-color:#aff600;border-radius:25px;transition:all .3s}.burger.open .line1{transform:translate(1.3rem) rotate(45deg) translate(-.55rem,1rem) scaleX(.5);background-color:#ddd}.burger.open .line2{transform:translate(-.6rem);background-color:#ddd}.burger.open .line3{transform:translate(1.3rem) rotate(-45deg) translate(-.55rem,-1rem) scaleX(.5);background-color:#ddd}.nav-menu{position:absolute;top:4rem;left:-1rem;width:20rem;border-radius:0 1rem 1rem 0;border:solid;border-left:none;background-color:#64646433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;transform:translate(-100%);transition:transform .3s}.nav-menu.open{transform:translate(0);opacity:1}.nav-menu.close{opacity:0;transition:all .3s}.nav-menu ul{list-style:none;padding:0;margin:0}.nav-menu li{margin:1rem 0}.nav-menu a{color:#fff;text-decoration:none}.navigation-items{display:flex;flex-direction:column}.navigation-items a{display:flex;flex-direction:row;align-items:center;padding-top:.5rem;padding-bottom:.5rem}.navigation-items a svg{padding-right:2rem}.profile-picture-component{margin:1rem;width:75%}.profile-picture-component>h1{padding-left:2rem}.profile-picture{width:75px}.header-name{padding-left:2rem;height:6rem}