@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@900&family=Lobster&family=Qahiri&display=swap);body{margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0 auto}html{margin:0}.App{min-height:100vh;background-color:#c6dbda}.form{min-height:10vh;display:flex;justify-content:center;align-items:center}h1{margin:0;text-align:center}.bar{width:50%;border:none;padding:10px}.button{background-color:#f6eac2;border:none;padding:10px 20px;color:#fff}button:hover{cursor:pointer;background-color:green}.recipes{flex-wrap:wrap}.App-links,.recipes{display:flex;justify-content:space-around}.App-links{color:#add8e6;font-size:20px;padding:2px;list-style-type:none}#App-links-item{text-decoration:none;border:5px solid #fafad2;color:coral;color:#fafad2;font-size:20px;font-weight:bolder;padding:2px}#App-links-item:hover{cursor:pointer;background-color:green;border:green}.Food{border-radius:10px;box-shadow:0 5px 20px #474747;margin:10px;padding-left:30px;padding-right:30px;display:flex;flex-direction:column;background:#fff;align-items:center;min-width:30%;background-color:#fee1e8;max-width:20em}.Food ol{margin:0}.Food img{border-radius:15px;min-width:11em;min-height:12em;margin:0;padding:0}.Food h1{font-size:1.4rem;font-family:"Kanit",sans-serif}.FoodTrue{display:flex;transition:display 3s;flex-direction:column;text-align:center}.FoodFalse{display:none}.FoodBtn{width:100%;height:40px;color:#000;background-color:#fff;font-size:20px;margin:10px}.FoodBtn,.Home-ctn{font-family:"Kanit",sans-serif}.Home-ctn{background-color:#c6dbda;height:100%;width:100vw;list-style-type:none;max-width:100%;letter-spacing:2px;text-align:center}.Home-box li{color:#add8e6;border:5px solid #87cefa;font-size:20px;padding:2px}.Home-box li:hover{cursor:pointer}.Home-Lower li{color:#fafad2;border:5px solid #fafad2}.Home-box h2{font-size:45px;margin-bottom:10px}*{margin:0;padding:0;box-sizing:border-box}.Home-title{font-family:"Kanit",sans-serif;font-size:70px;letter-spacing:2px;color:#fafad2}.Home-img{width:100%;height:100vh;object-fit:cover;border-radius:0;max-width:50vw;margin:0}.Home-box{display:grid;grid-template-columns:1fr 1fr;margin:0}.home-color{background-color:#fafad2}.Home-text{display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:750px){.Home-box{grid-template-columns:1fr}.Home-ctn img{display:none}}@media only screen and (max-width:550px){.Home-ctn h1{font-size:50px}.Home-ctn h2{font-size:40px}}.Type-container{background-color:#c6dbda;height:100%;width:100vw;max-width:100%;display:flex;flex-direction:column}.Type-Image{background-image:url(/static/media/Type2.f1ab06d7.jpg);height:40vh;display:flex;align-items:center;justify-content:center;color:coral;font-size:40px;background-position:0 50%}.Type-links{justify-content:space-around;color:#add8e6;list-style-type:none;color:#fafad2;margin-bottom:20px;margin-top:20px}#Type-links-item,.Type-links{display:flex;font-size:20px;padding:2px}#Type-links-item{color:#fafad2;text-decoration:none;border:4px solid coral;text-align:center;align-items:center;color:coral;font-weight:bolder}#Type-links-item:hover{cursor:pointer;background-color:green;border:green}.Type-text{margin:20px 40px}.Type-text,.Type-text-top{color:coral;font-size:25px}.Type-text-top{margin:20px;text-align:center}.Type-text-top h5{font-size:40px}.Type-text p{font-size:30px}.Type-Image2{background-image:url(/static/media/Type2.f1ab06d7.jpg);height:40vh;display:flex;align-items:center;justify-content:center;color:coral;background-size:cover;background-repeat:no-repeat;background-position:0 40%}.Type-exercise{display:grid;grid-template-columns:1fr 1fr}.Type-Exercise-Text h5{font-size:45px}.Type-Exercise-Text{color:coral;font-size:30px}.Type-app{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;margin-top:20px}.Type-app .container{box-shadow:0 0 12px #ccc;border-radius:8px;padding:1rem;background-color:#f5f5f5}.Type-app input{padding:8px 4px;border-radius:8px}.Type-app .btn,.Type-app input{width:100%;font-size:1.2rem;margin:8px 0}.Type-app .btn{display:block;padding:10px 0;background-color:#333;color:#fff;border:1px solid #333;border-radius:8px;cursor:pointer}.Type-app .btn-outline{background-color:#fff;color:#333}.Type-app .center{text-align:center;margin:24px 0}.Type-app p{margin:10px 0}.Type-app .img-container{text-align:center}.Type-app .img-container img{height:200px}.Type-Exercise-Text{text-align:center}@media only screen and (max-width:850px){.Type-exercise{display:flex;flex-direction:column;justify-content:space-between}.Type-container p{font-size:12px}.Type-container h5{font-size:30px}}.Random-container{background-color:#c6dbda}.Random-h1{font-family:"Kanit",sans-serif;letter-spacing:2px;font-size:70px;color:#fafad2}.Random-button{display:flex;justify-content:center;text-align:center;margin:20px}.Random-button button{font-family:"Kanit",sans-serif;font-size:20px;letter-spacing:2px;color:#fafad2;background-color:#c6dbda;border:5px solid #fafad2}.Random-button button:hover{cursor:pointer;background-color:green;border:green}.Random-links{display:flex;justify-content:space-around;color:#add8e6;font-size:20px;padding:2px;list-style-type:none}#Random-links-item{text-decoration:none;border:5px solid #fafad2;color:coral;font-size:20px;font-weight:bolder;padding:2px;color:#fafad2}#Random-links-item:hover{cursor:pointer;background-color:green;border:green}@media only screen and (max-width:750px){.Random-container h1{font-size:2.5rem}}.Quiz-h1{font-family:"Kanit",sans-serif;letter-spacing:2px;font-size:70px;color:#fafad2}.Quiz-links{display:flex;justify-content:space-around;color:#add8e6;font-size:20px;padding:2px;list-style-type:none}#Quiz-links-item{text-decoration:none;border:5px solid #fafad2;font-size:20px;font-weight:bolder;padding:2px;color:#fafad2}#Quiz-links-item:hover{cursor:pointer;background-color:green;border:green}.Quiz-start{height:100vh;background-color:#c6dbda}.Quiz-start-button{height:60vh;display:flex;justify-content:center;align-items:center}.Quiz-start-button button{height:80px;width:150px;border-radius:10px;font-family:"Kanit",sans-serif;letter-spacing:2px;font-size:25px}.Quiz-Main{height:100vh;background-color:#c6dbda;display:flex;flex-direction:column;justify-content:space-around}.Quiz-Main-Button{display:flex;justify-content:space-evenly}.Quiz-Main-Button Button{height:80px;width:150px;border-radius:10px;font-family:"Kanit",sans-serif;letter-spacing:2px;font-size:25px}.Quiz-Main-Next{display:flex;justify-content:center}.Quiz-Main-Next Button{height:80px;width:150px;border-radius:10px;font-family:"Kanit",sans-serif;letter-spacing:2px;font-size:25px}.Quiz-Main-Question{font-size:50px}.Quiz-Main-Question,.Quiz-Results{font-family:"Kanit",sans-serif;letter-spacing:2px;color:#fafad2}.Quiz-Results{height:100vh;font-size:12px;display:flex;flex-direction:column;align-content:center;justify-content:space-evenly;background-color:#c6dbda;align-items:center}.Quiz-Results h2{font-size:60px;color:#fafad2}.Quiz-Results Button,.Quiz-Results h2{font-family:"Kanit",sans-serif;letter-spacing:2px}.Quiz-Results Button{height:60px;width:170px;border-radius:10px;font-size:20px;margin:5px}.Quiz-Results-Show{display:flex;flex-direction:column;text-align:center}.Quiz-Results-DontShow{display:none}@media only screen and (max-width:750px){.Quiz-Main-Button button{font-size:1.2rem;letter-spacing:0;width:5.2rem}.Quiz-Results{height:150vh}}
/*# sourceMappingURL=main.c91d5fef.chunk.css.map */