body{margin:0;background-color:#eee2df}.content{display:flex;flex-direction:column;align-items:center}.displays{display:flex;flex-direction:column;width:98.2vw;height:50vh;font-family:Arial,Helvetica,sans-serif;align-items:center;padding:2vh .5vw 2vh .5vw}.charts{display:flex;flex-direction:row;width:97vw;height:55vh;background-color:#eed7c5;border-radius:1vw;padding:2vh 0 0;box-shadow:0 4px 6px #0003}.flexContainer{width:25%;height:100%}@media (max-width: 600px){.displays{display:flex;flex-direction:column;width:99vw;height:150vh;font-family:Arial,Helvetica,sans-serif;align-items:center;padding:2vh .5vw 2vh .5vw}.displays h1{margin:0;font-size:3.5vh}.displays p{text-align:center;font-size:2vh}.charts{flex-direction:column;height:145vh}.flexContainer{height:20vh;width:100%}}.topContainer{display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif;padding-top:2vh}.topContainer h1{margin:0;font-size:1.7vw}.topContainer p{text-align:center;font-size:1vw}.inputContent{display:flex;flex-direction:column;align-items:center;width:84vw;height:30vh;padding:1vh 1vw 2vh 1vw;background-color:#c89f9c;border-radius:1vw;box-shadow:0 4px 6px #0003;font-family:Arial,Helvetica,sans-serif}#inputInfo{text-align:center;width:80vw;font-size:1vw}.inputForm{display:flex;flex-direction:row;align-items:center;gap:3vw}.inputStyling{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3vh}.inputStyling p{font-size:1.2vw;margin:0}.predictionResult{display:flex;flex-direction:row;align-items:center;gap:2vw}.predictionResult h2{font-size:2.2vw}.predictionResult h3{font-size:1.8vw}.predictionResult p{width:14vw;font-size:1vw}#submitButton{width:8vw;height:6vh;font-size:1.4vw;background-color:#c97c5d;border-style:solid;border-radius:1vw;margin-left:-1vw}.inputForms{text-align:center;width:6vw;height:3vh;font-size:1vw;border-style:solid;border-color:gray;border-radius:.3vw;border-width:.15vw}@media (max-width:600px){body{padding-bottom:1vh}.topContainer h1{margin:0;font-size:3.5vh}.topContainer p{text-align:center;font-size:2vh}.inputContent{display:flex;flex-direction:column;align-items:center;width:95vw;height:55vh;padding:1vh 1vw 2vh 1vw;background-color:#c89f9c;border-radius:1vw;box-shadow:0 4px 6px #0003;font-family:Arial,Helvetica,sans-serif}#inputInfo{text-align:center;width:90vw;font-size:1.6vh}.inputForm{display:grid;grid-template-columns:repeat(4,23vw);grid-template-rows:repeat(2,10vh);gap:1vw}.inputStyling{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1vh}.inputStyling p{font-size:1.7vh;width:15vw;margin:0}.predictionResult{display:flex;flex-direction:column;align-items:center;gap:.5vh}.predictionResult h2{font-size:2.4vh;margin-top:2vh}.predictionResult h3{font-size:2.2vh;margin:0}.predictionResult p{width:70vw;font-size:1.5vh;margin:0}#submitButton{width:25vw;height:7vh;font-size:2.5vh;background-color:#c97c5d;border-style:solid;border-radius:1vw;margin-top:1vh;margin-left:7vw}.inputForms{text-align:center;width:14vw;height:3.5vh;font-size:1.3vh;border-style:solid;border-color:gray;border-radius:.3vw;border-width:.15vw}#games{margin-top:1.5vh}}