.banner{background:#83ed91;background:radial-gradient(circle at 50% 80%,#83ed91 0,#12412c 0,#12251d 14%,#0b1b17 22%,#0b1616 32%);margin:0;display:flex;justify-content:center;align-items:center;height:80vh;flex-direction:column;gap:1rem}.banner .subtext{color:#84ec8e}.banner .title{color:#fff;font-size:4rem;width:50%;margin:0 auto}.banner .label{color:#fff;width:45%;font-weight:100}.icon-button{background-color:var(--button-background-color);transition:background-color .3s,color .3s}.icon-button.active,.icon-button:hover{background-color:var(--button-active-background-color)}.button-container{background-color:var(--button-background-color)}.select{background-color:var(--header-background-color);padding:1rem;color:#fff;position:relative;cursor:pointer}.select .list{border-radius:6px;left:8px;overflow:hidden;top:50px;position:absolute;background-color:var(--button-background-color-dark);display:flex;flex-direction:column}.select .list:not(:last-child){border-bottom:1px solid brown}.select .list .option{color:#fff;padding:1rem;cursor:pointer;font-size:.85rem}.select .list .option:hover{background-color:#2e3733}.nav-items{display:flex;flex-direction:row;gap:2rem;text-align:center}@media(max-width:768px){.nav-items{flex-direction:column}}.header{flex-direction:row;justify-content:space-around;align-items:center;background-color:var(--header-background-color);transition:background-color .3s,color .3s;padding:2rem 1rem;color:#fff}@media(max-width:768px){.header{flex-direction:column;gap:1rem}.modal-overlay{justify-content:space-around;color:#fff;gap:2rem;display:flex;flex-direction:column;align-items:center;position:absolute;background-color:var(--header-background-color);height:88%;width:100%;bottom:0;left:0}}