@import url(https://fonts.googleapis.com/css?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css?family=Overpass+Mono|Ubuntu&display=swap);ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;list-style:none;padding:0;margin:32px auto}html{background-color:#fffdf9;color:#ff9102;font-family:Ubuntu,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-top:60px}h1{font-size:3rem;font-family:Righteous,sans-serif}.form{max-width:400px;margin:32px auto}.form .categories{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:#1b1b1b}.form .url{width:100%;padding:8px;margin:16px auto;background-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:3px solid #ff9102;font-size:1.5rem;text-align:center;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;font-family:Ubuntu,sans-serif}.form .url::-webkit-input-placeholder{font-family:Ubuntu,sans-serif}.form .url:-ms-input-placeholder{font-family:Ubuntu,sans-serif}.form .url::-ms-input-placeholder{font-family:Ubuntu,sans-serif}.form .url::placeholder{font-family:Ubuntu,sans-serif}.form .url:focus{outline:none;background-color:#e9f0ff}.form .url.error{border-bottom:3px solid #c00000}.form .error-message{height:0;opacity:0;-webkit-transition:.5s;transition:.5s;margin:0;color:#c00000}.form .error-message.open{height:40px;opacity:1;margin:auto}.form .submit{height:48px;padding:0 32px;background-color:#ff9102;color:#fffdf9;border:none;font-size:16px;font-family:Righteous,sans-serif;-webkit-transition:.2s;transition:.2s;cursor:pointer}.form .submit:focus,.form .submit:hover{color:#ff9102;outline:none}.form .submit:hover{background-color:#e9f0ff}.form .submit:focus{background-color:#e9f0ff}.form .submit:active{background-color:#d2def8}.results{max-width:400px;margin:0 auto}.results__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100px;height:90px;font-size:.8rem;text-transform:uppercase;color:#1b1b1b;text-align:center}.results__score-bar-wrap{display:block;width:100%;height:8px;background-color:#e9f0ff}.results__score-bar{display:block;background-color:#ff9102;height:4px;margin-top:2px}.results__score{font-size:2.5rem;color:#ff9102;margin-top:8px}