body{margin:0;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}*{box-sizing:border-box;font-family:Roboto,sans-serif}#root{height:100vh;width:100vw}div:first-of-type{background:linear-gradient(232.51deg,#fff 4.36%,#ffffff00 67.35%),#f0f0f0;display:flex;flex-direction:column;align-items:center;margin:auto;margin-bottom:0}.mainContainer{position:relative;width:22rem;height:28rem;align-items:center;box-shadow:0 .4rem .4rem .2rem #00000008;background:#fff!important}.logo{width:80%;display:flex;margin:auto;margin-top:5rem;margin-bottom:1rem;user-select:none;-webkit-user-drag:none}form{width:90%}input{margin:auto;padding:.75em;border:0;display:block;width:auto;font-size:1rem;margin-bottom:1.25rem}.searchBox{background-color:#f3f3f3;cursor:text;width:80%}.submitButton{background-color:#89c47a;color:#fff;width:60%;font-weight:900;box-shadow:0 .2rem .5rem #0000001e;cursor:pointer;transition:.15s ease-in-out}.submitButton:hover{box-shadow:0 0 0 #0000001e}.submitButton:active{opacity:.5}p{color:#797979;width:25rem;text-align:center;margin-bottom:auto}.logo-small{width:50%}.goBackArrow{position:absolute;left:0;color:#89c47a;font-size:1.5rem;padding:.5rem;margin:1rem;cursor:pointer;transition:.15s ease-in-out}.goBackArrow:hover{opacity:.5}.goBackArrow:active{transform:scale(.8)}.theDisplayedData{list-style:none;width:80%;margin:auto;padding:1rem;background-color:#f3f3f3}.theDisplayedData>li{font-weight:600}li>span{font-weight:initial}@media only screen and (max-width:720px){.mainContainer{width:90%;height:auto}p{width:90%}.logo{width:70%;margin:auto;margin-top:8vh;margin-bottom:4vh}input{padding:3.5vw;font-size:1.25rem}input::placeholder{font-size:4vw;opacity:.6;font-weight:600}.submitButton{font-size:4vw;margin-bottom:9vh}.App>p{width:90%;font-size:4vw}.goBackArrow{color:#89c47a;font-size:2.5rem}.theDisplayedData{margin-bottom:6vh}.theDisplayedData>li{font-size:4vw}li>span{font-size:4vw}}div.spinnerBox{width:60%;font-weight:900;padding:.75em;margin-bottom:9vh;background:0 0;background-color:none}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#89c47a;animation:spin 1s ease infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}