@import url("https://fonts.googleapis.com/css2?family=Anta&display=swap");:root{--border:#363636}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Poppins,sans-serif;height:100vh;font-size:1.2rem;color:#6c7983}body,header{background:#0b0b0b}header{padding:1rem 4rem;width:100%;min-height:10vh;box-shadow:0 3px 6px rgba(0,0,0,.1);border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:3rem}header h1{font-family:Anta,sans-serif;font-size:2.5rem;font-weight:400;background:linear-gradient(110.42deg,#5b57cf 29.2%,#ae277c 63.56%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 6px rgba(0,0,0,.1)}.input label,header .input{display:flex;align-items:center;justify-content:center}.input label{padding:.5rem 2rem;border-radius:.5rem;border:2px solid var(--border);cursor:pointer;gap:1rem}.input label i{font-size:1.5rem}.image{width:48rem;height:25rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:.5rem;overflow:hidden;transition:all .2s ease-in-out}.image:hover{box-shadow:2px 4px 7px rgba(0,0,0,.13)}.image img{width:calc(100% + 1rem);height:calc(100% + .5rem);object-fit:cover;object-position:center;border-radius:.5rem}