*{box-sizing:border-box}body{background-color:#639;font-family:Karla,sans-serif}.body{align-items:center;background-color:violet;color:#d9d9d9;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;margin:0;padding:20px}main{padding:36px}.header{align-items:center;background:linear-gradient(90deg,#672280 1.18%,#a626d3);color:#fff;display:flex;height:65px;padding:20px}.header--image{height:100%;margin-right:6px}.header--title{font-size:20px;margin-right:auto}.header--project{font-size:.75rem;font-weight:500}.form{grid-gap:17px;display:grid;gap:17px;grid-template:40px 40px/1fr 1fr}.form--input{border:1px solid #d5d4d8;border-radius:5px}.form--button,.form--input{font-family:Karla,sans-serif}.form--button{background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da);border:none;border-radius:5px;color:#fff;cursor:pointer;grid-column:1/-1}.container{align-items:center;display:flex;flex-direction:column}.container>img{border-radius:10px;transition:-webkit-filter .1s ease-in-out;transition:filter .1s ease-in-out;transition:filter .1s ease-in-out,-webkit-filter .1s ease-in-out;width:100%}.container>img:hover{-webkit-filter:brightness(50%);filter:brightness(50%)}.container>button{background-color:#fff;border:2px solid #d3d3d3;border-radius:10px;cursor:pointer;font-family:Karla,sans-serif;font-size:1.3rem;margin-top:20px;padding:1rem;width:100%}.state{align-items:center;display:flex;flex-direction:column}.state--title{text-align:center}.state--value{align-items:center;background-color:#fff;border-radius:50%;color:#262626;display:flex;height:100px;justify-content:center;width:100px}.counter{align-items:flex-end;display:flex}.counter>button{background-color:#737373;border:none;border-radius:50%;color:#d9d9d9;cursor:pointer;font-size:1.5rem;height:50px;width:50px}.counter>button:hover{background-color:#404040;color:#d9d9d9}.counter>button:focus{outline:none}.counter--count{align-items:center;background-color:#fff;border-radius:50%;color:#262626;display:flex;height:100px;justify-content:center;width:100px}.counter--plus{margin-left:-20px}.counter--minus{margin-right:-20px;z-index:1}.card{border:1px solid #d3d3d3;border-radius:10px;box-shadow:5px 5px 5px 1px hsla(0,0%,47%,.44);-webkit-box-shadow:5px 5px 5px 1px hsla(0,0%,47%,.44);-moz-box-shadow:5px 5px 5px 1px hsla(0,0%,47%,.44);height:390px;width:200px}.card--image{padding:10% 10% 0;width:100%}.card--name{color:#333;margin-block:13px}.card--info{padding:10px}.card--favorite{cursor:pointer;width:25px}.card--contact{color:gray;font-size:.75rem;margin-block:7px}body{margin:0;padding:20px}input[type=email],input[type=text]{border:1px solid #444;border-radius:5px;display:block;height:30px;margin-bottom:15px;text-indent:10px}input[type=checkbox],input[type=radio]{margin-right:.75rem}textarea{border:1px solid #444;border-radius:5px;display:block;margin-bottom:15px}.meme{position:relative}.meme--image{border-radius:3px;max-width:100%}.meme--text{color:#fff;font-family:impact,sans-serif;font-size:2em;left:50%;letter-spacing:1px;margin:15px 0;padding:0 5px;position:absolute;text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.bottom{bottom:0}.top{top:0}
/*# sourceMappingURL=main.87ce9818.css.map*/