#root{display:grid;width:100vw;min-height:100vh;grid-template-areas:"title title title" "nav main dlc";grid-template-columns:20vw 1fr 20vw;grid-template-rows:minmax(auto,10vh) 1fr}header{grid-area:title;display:flex;justify-content:center;align-items:center;gap:30px;text-align:center;font-size:25px;background:#151515}header h1{margin:0}header img{max-width:30vw;height:100%}main{grid-area:main;padding:20px}nav{grid-area:nav}aside{grid-area:dlc}nav,aside{display:flex;flex-direction:column;background:#171717;box-shadow:0 0 5px 5px #171717;padding:20px}nav hr{color:#fff;width:100%;margin-top:10px;margin-bottom:20px}.nav-title{font-size:20px;font-weight:700}.nav-section:after{content:"";display:block;width:100%;height:1px;background:white;margin-top:10px;margin-bottom:20px}.nav-section:last-of-type:after{display:none}@media screen and (max-width: 1080px){#root{grid-template-areas:"title" "main" "nav" "empty" "dlc";grid-template-columns:auto;grid-template-rows:auto auto auto 30px auto}header{flex-direction:column;gap:0;padding:10px}header img{max-width:80vw}header h1{font-size:30px}main{padding:0}}.number-input{display:flex;justify-content:space-between;align-items:center}.number-input input{width:50px;padding:5px;outline:none;border:none;margin:3px;border-radius:5px}.option-picker-title{font-weight:700}.option-picker{padding-top:10px;padding-bottom:10px}.option-picker:last-of-type{padding-bottom:0}.option-picker button{margin:5px;background:#888;color:#000}.option-picker button.selected{background:#fff}.dlc{line-height:30px;cursor:pointer;font-weight:100;color:gray}.dlc:hover{text-shadow:0 0 10px gray,0 0 10px gray,0 0 10px gray}.dlc.selected{font-weight:700;color:unset}.generate-container{position:relative;height:65px}.generate-button{position:absolute;width:100%;padding:.5em;font-size:30px;font-weight:700;color:#fff;cursor:pointer;text-shadow:0 0 10px black;background:linear-gradient(90deg,#ff0018 0%,#ffa52c 20%,#ffff41 40%,#008018 60%,#0000f9 80%,#86007d 100%);transition:transform ease-out .3s,border ease-out .3s,text-shadow ease-out .3s}.generate-button:hover{transform:scale(1.1);border:2px solid white;text-shadow:0 0 10px gray,0 0 10px gray,0 0 10px gray,0 0 10px gray,0 0 10px gray,0 0 10px gray}.reset-all button{width:100%;margin-bottom:10px;cursor:pointer}.choice-display{margin-bottom:30px}.choice-display .title{font-weight:700;font-size:30px}.choice-display ul{margin-top:5px;font-size:20px}@media screen and (max-width: 1080px){.choice-display .title{font-size:20px}.choice-display ul{font-size:15px}}.result{padding:10px}.result-title{font-size:50px}@media screen and (max-width: 1080px){.result-title{font-size:40px}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:15px;color:#ffffffde;background-color:#242424;overflow-x:hidden}body{margin:0}.btn{outline:none;padding:5px;cursor:pointer;border-radius:5px;border:none}.btn:hover{outline:2px solid gray}