:root{--main-color:#7f87bd;--secondary-color:#49528d;--shadow-dispaly:-1px -1px 0 var(--border-color),1px -1px 0 var(--border-color),-2px 2px 0 #000,2px 2px 0 #000}body,html{padding:0;margin:0;font-family:Monda,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:24px;background-color:var(--main-color);color:#fff}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.title{color:var(--secondary-color);text-shadow:0 4px 4px var(--secondary-color);font-weight:700;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-weight:900;color:green}h1,h2{font-size:1.5rem}h3{font-size:1.16rem}.subtitle{font-size:.583rem}input{font:inherit;padding:10px;font-size:inherit;height:70px;width:clamp(50px,75%,344px);border-radius:15px}input,input:hover{border-color:var(--secondary-color)}