*{margin:0;padding:0;font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal}#root{height:100vh;width:100vw}#root{height:100%;width:100%}body{height:85vh;width:100%}.app{height:100%;width:100%}.navbar{display:flex;justify-content:space-around;align-items:center;gap:50vw;padding:2vh;width:auto;height:10%;background-color:#07193f}.navbar .logo img{height:11vh}.navbar .profileLink img{height:5vh}.home{display:flex;flex-direction:column;height:90%;width:auto;gap:5vh;justify-content:center;align-items:center}.heading{font-size:6vw}.link{font-size:2.5vw;text-decoration:none;color:#fff}.startlink{height:5vw;width:9vw;color:#fff;background-color:#07193f;display:flex;align-items:center;justify-content:center;border-radius:10px}.homepage{display:flex;flex-direction:column;height:100%}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh;height:90%;width:auto}.loginpage{display:flex;flex-direction:column;height:100%}.create{margin-top:15vh;display:flex;justify-content:space-around;gap:5vw}.inputfields{height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh}.amount{width:14vw;height:6vh;font-size:1.8vw;border:3px solid black;border-radius:10px;text-align:center}.category{width:18vw;height:6vh;font-size:1.8vw;border:3px solid black;border-radius:10px;text-align:center}.difficulty{width:14vw;height:6vh;font-size:1.8vw;border:3px solid black;border-radius:10px;text-align:center}.btn{width:11.5vw;height:5vw;font-size:2.5vw;color:#fff;border-radius:15px;background-color:#07193f}.createpage{display:flex;flex-direction:column;height:100%}.game{display:flex;flex-direction:column;align-items:center;height:90%}.newquiz_btn{width:10vw;height:5vw;margin-top:5vh;margin-bottom:11vh;font-size:2vw;color:#fff;border-radius:15px;align-self:self-start;margin-left:3vw;background-color:#07193f}.nav_btn{margin-top:auto;display:flex;gap:5vw}.question{width:90%;height:27%;font-size:2.5vw;text-align:center}.options{display:flex;height:20%;justify-content:space-around;width:90%;margin-bottom:5vh;flex-wrap:wrap}.options button{width:17vw;height:12vh;font-size:2.3vw;border-radius:13px;flex:0 1 22%}.amountError{font-size:5vh;text-align:center;padding-top:15vh}.errorpage{height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.errorpage .newquiz_btn{align-self:center}.gamepage{display:flex;flex-direction:column;height:100%}.home_btn{align-self:self-start;text-decoration:none;text-align:center;padding-top:.5vh;margin-top:6vh;margin-bottom:1vh;margin-left:5vw;width:8vw;height:6vw;font-size:2vw;color:#fff;border-radius:15px;background-color:#07193f}.profile_card{border:2px solid #07193f;color:#fff;background-color:#07193f;border-radius:20px;font-size:2vw;padding:2vh;width:35vw;height:40vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:4vh}.details{margin-top:1vh;margin-bottom:1vh;display:flex;flex-direction:column;gap:1vh}.logout_btn{width:10vw;height:4vw;font-size:2vw;color:#fff;border-radius:15px;background-color:#07193f;align-self:flex-end}.profile{display:flex;flex-direction:column;gap:3vh;align-items:center;height:100%;justify-content:space-between}@media (max-width: 1250px){.create{display:flex;flex-direction:column;align-items:center}.create input,.create select{width:30vw;height:7vw;font-size:3vw}.question{font-size:3vw}}@media (max-width: 1000px){.startlink{height:5vw;width:12vw}.link{font-size:3vw}.btn,.newquiz_btn{font-size:3vw;height:5vw;width:14vw}.question{font-size:3.5vw}.options{height:23%}.options button{flex:0 1 35%;height:12vw;font-size:3vw;margin-bottom:1vh}.home_btn{font-size:3vw;height:7.5vw;width:13vw}.logout_btn{font-size:3vw;height:6vw;width:16vw}.profile_card{font-size:3vw;width:45vw;height:60vw}}@media (max-width: 700px){.question{font-size:4vw}.home_btn{font-size:4vw;height:9vw;width:16vw}.logout_btn{font-size:4vw;height:8vw;width:21vw}}@media (max-width: 480px){.heading{font-size:9vw}.navbar .logo img{height:16vw}.navbar .profileLink img{height:6vw}.startlink{height:8vw;width:14vw}.link{font-size:3.8vw}.question{font-size:5vw}.options{height:23%}.options button{flex:0 1 51%;margin-bottom:1vh;height:12vw;font-size:3.5vw}}