:root{padding:0;margin:0;background-color:#fff;font-family:sans-serif;color:#fff}*{margin:0;padding:0}.bigContainer{margin:auto;position:relative;max-width:500px;background-color:#202429}@media screen and (max-width: 500px){:root{background-color:#202429}}@media screen and (min-width: 500px){.bigContainer{margin-top:2vw;margin-bottom:1vw;padding:1vw;border-radius:20px}}.appContainer{margin-left:5vw;width:calc(100% - 10vw);padding-bottom:25vw}.selectionSettings{margin-top:2vw;display:inline-flex;padding-top:2vw;gap:4vw}.selectionSettings>p{cursor:pointer;color:#f5a623;font-family:sans-serif;font-size:3.5vw;font-weight:600}.selectionSettings>p:hover{color:#a56e15;text-decoration:underline}.categoryBox{margin-top:6vw;background-color:#32353a;border-radius:10px;padding:1vw;width:calc(100% - 2vw)}.categoryBox>h3{font-weight:400;padding:3vw;text-align:center}.restaurantBox{align-items:center;position:relative;display:inline-flex;background-color:#41464c;border-radius:10px;padding:2vw;margin:2vw;width:90%}.custom-checkbox{display:flex;align-items:center}.hidden-checkbox{position:absolute;opacity:0}.checkbox-label{display:inline-block;width:10vw;height:10vw;background-color:#32353a;border:2px solid rgb(255,255,255);border-radius:100%;position:relative;cursor:pointer;transition:all .1s ease-in-out}.hidden-checkbox:checked+.checkbox-label{background-color:#f5a623}.resturantBoxInfo{margin-left:3vw}.resturantBoxInfo>p{font-size:3vw}.restaurantBoxMoreInfo{position:absolute;right:3vw;width:5vw;height:5vw;border-radius:100%;border:2px solid rgb(255,255,255);text-align:center;display:flex;justify-content:center;align-items:center}.restaurantBoxMoreInfo span{color:#fff;text-align:center}.randomizeBtn{bottom:5vw;position:fixed;width:calc(100% - 16vw);padding:3vw;border-radius:10px;background-color:#15181b;transition:all .1s ease-in-out}.randomizeBtn:hover{background-color:#090b0c}.randomizeBtn h2{font-size:8vw;font-weight:550;text-align:center;color:#f5a623}.randomLink{text-decoration:none}@media screen and (min-width: 500px){.appContainer{margin-left:5%;width:90%;padding-bottom:25%}.selectionSettings{margin-top:2%;padding-top:2%;gap:2vw}.selectionSettings>p{font-size:1vw}.categoryBox{margin-top:6%;padding:1%;width:98%}.categoryBox>h3{padding:3%}.restaurantBox{padding:2%;margin:2%;width:90%}.checkbox-label{width:3vw;height:3vw}.resturantBoxInfo{margin-left:3%}.resturantBoxInfo>p{font-size:.75vw}.restaurantBoxMoreInfo{right:3%;width:2vw;height:2vw;font-size:1.5vw}.randomizeBtn{display:flex;justify-content:center;bottom:1vw;width:calc(100% - 16vw);margin:auto;max-width:390px;padding:2vw}.randomizeBtn h2{font-size:3vw}}.goBackText{margin-top:2vw;display:inline-flex;padding-top:2vw;gap:4vw}.goBackText p{margin-left:5vw;color:#f5a623;font-family:sans-serif;font-size:3.5vw;font-weight:600}.goBackText p:hover{color:#a56e15;text-decoration:underline}.resturantResultDiv{height:70vh;text-align:center;display:flex;justify-content:center;align-items:center}.resturantResultInfo>h2{padding-bottom:3vw;color:#f5a623;font-size:10vw}@media screen and (min-width: 500px){.goBackText{margin-top:2%;padding-top:2%;margin-left:-3vw}.goBackText p{font-size:1vw}.resturantResultInfo>h2{font-size:3vw}}header{background-color:#202429;border-bottom:5px solid rgb(21,24,27);padding:0;margin:0;height:17vw;width:100%}header>h1{margin-top:10vw;margin-left:5vw;color:#fff;font-weight:600;font-size:12.5vw}@media screen and (min-width: 500px){header{height:17%;max-width:500px}header>h1{margin-top:1vw;margin-left:5%;font-size:4vw}}@media screen and (min-width: 2000px){header>h1{font-size:2.5vw}}