*{margin:auto;padding:.5vh;font-family:Arial,Helvetica,sans-serif;max-height:95vh;max-width:100vw}body{background-color:#5d8a7b;height:95vh;width:80vw}.form{display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:20px;width:90%;max-width:500px;height:clamp(15px,1vh,20px);background-color:#fff}input{display:flex;flex-grow:inherit;border:none;background:transparent;width:70%;height:clamp(15px,1vh,20px)}* :focus{outline:0}.search-button{background:transparent;border:none;margin:0}.search-img{width:20px;padding:0}.search-your-city{text-align:center;padding-top:50px}.today{display:flex;flex-direction:column}.weather-icon{width:90px;height:90px}.tempToday{display:flex;flex-direction:row;padding:0}.main-display{height:55vh;margin-top:10px;margin-bottom:10px;padding:20px;background:#ffffff4a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px)}.today-in{font-size:6vw}@media screen and (min-width: 900px){body{width:clamp(900px,70vh,1000px)}}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff4a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px)}.colour-container{overflow-y:scroll;overflow-x:hidden;display:grid;grid-template-columns:auto auto auto;width:100%;height:20vh;margin:0}::-webkit-scrollbar{width:12px;background-color:none}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#f3eded}.colour-item{width:40px;height:40px;border-top-left-radius:5px;border-top-right-radius:5px}.TEMP,.itemTemp{font-size:x-small;text-align:left;background-color:#fff}.TEMP{font-weight:700;padding-top:4px;padding-left:2px;padding-bottom:0}.itemTemp{padding:0 0 0 2px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.each-colour{list-style:none}@media screen and (min-width: 700px) and (max-width: 900px){.colour-container{grid-template-columns:auto auto auto auto auto}}@media screen and (min-width: 900px){.colour-container{grid-template-columns:auto auto auto auto auto auto}}@font-face{font-family:Pantone;src:url(//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.woff)}.yesterday-card{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}.colour-box{background-color:green;width:60px;height:60px;margin:0}.card-info{margin:0}.card-name{font-size:smaller}.card-name,.card-color,.links{padding:0;text-align:left;margin:0}.card-color{font-size:smaller;padding-top:2px}.thread,.yarn,a{font-size:xx-small;list-style-type:none;margin:0;padding:1px}.card-name{font-weight:700;padding-top:4px}header{display:flex;align-items:center;justify-content:center;padding-bottom:10px;padding-top:10px;height:7vh;background:#ffffff4a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px)}.yarn{margin:0;height:40px;width:40px}.main-heading{margin:auto;font-size:clamp(16px,6vw,40px)}