body{display:block;background-color:#fff}nav{width:100%;background-color:pink;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;left:0;z-index:999}.main-content{padding-top:70px;background-color:#fff}.nav__links{display:flex;gap:1.5rem;list-style:none}.nav__links a{text-decoration:none;color:#000;font-weight:700}.nav__brand{position:absolute;left:53%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;text-align:center;margin-right:60px;margin-left:60px}.nav__connect{padding:.5rem 1rem;background-color:pink;border:2px solid black;border-radius:5px;font-weight:700;cursor:pointer;color:#1a1a1a;margin-right:4rem}header{background-image:url(/assets/crumbl-CQxcj1_n.jpg);background-position:center;background-size:auto;min-height:80vh;position:relative}.header__title{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:2em;width:40%;text-align:center;background-color:pink}.header__search{padding:25px;min-width:40%;position:absolute;background-color:#fff;top:45%;left:50%;transform:translate(-50%,-50%)}.header__search::placeholder{font-family:Open Sans;font-size:1.25em;font-weight:600;color:#1a1a1a}.header__search:hover{outline:solid var(--clr-blue);color:#1a1a1a}.voting__display{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:1rem 2rem}.voting__section{display:flex;flex-direction:row;align-items:center;margin:auto;gap:1.5rem;width:80%;background-color:pink;padding:10px}.vote__submit{display:flex;align-items:center;font-weight:700;gap:.5rem}.cookie__content{display:flex;flex-direction:column;gap:.5rem;flex:1}.cookie__images{width:260px;height:190px}.cookie__description{font-size:large;padding:.5rem;text-align:left;margin:0;color:#000}.vote{display:flex;align-items:flex-end;font-weight:700;margin-right:500px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}