.img-wrapper{aspect-ratio:1.77778;width:100%;position:relative}input{width:100%;padding:var(--space-5);margin-top:var(--space-8);font-size:var(--font-size-md);text-align:left;border:1px solid #ffb6c1;border-radius:16px;transition:outline .3s,box-shadow .3s}input:hover,button:hover{box-shadow:0 0 20px var(--main-color)}input:focus{outline:2px solid var(--main-color);box-shadow:0 0 20px var(--main-color)}button{width:100%;padding:var(--space-5);font-size:var(--font-size-lg);color:var(--base-color);cursor:pointer;background:var(--main-color);border-radius:var(--space-8);border:none;margin-top:30px;transition:box-shadow .3s}@media (max-width:660px){h1{font-size:var(--font-size-lg)}}