.hero{display:flex;align-items:center;justify-content:center;padding:2rem;width:100%;max-width:1200px;flex-wrap:wrap;text-align:center}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.hero-left{flex:1;padding:1rem;display:flex;justify-content:center}.hero-right{flex:1;display:flex;justify-content:left;padding:1rem}.hero-right img{max-width:100%;height:auto}.hero-right p{font-size:large;text-align:left}.hero-right a{color:#000}.hero-right a:hover{color:#f1c40f}.bar-chart-section{display:flex;flex-direction:column;align-items:center}.video-container{position:relative;margin:1rem 0}.video-container video{width:100%;max-width:800px;height:auto}.floating-logo{position:absolute;top:40px;right:10px;width:50px;transform:rotate(10deg);z-index:10;pointer-events:none}.stats{display:flex;flex-direction:column;align-items:center}.stats-container{position:relative;margin:1rem 0}.floating-logo{position:absolute;top:10px;right:10px;width:50px;transform:rotate(10deg);z-index:10;pointer-events:none}.champion-drivers-table{width:100%;border-collapse:collapse}.champion-drivers-table th,.champion-drivers-table td{border:1px solid #ddd;padding:8px;text-align:left}.champion-drivers-table th{background-color:#f4f4f4;font-weight:700}.champion-drivers-table tr:nth-child(2n){background-color:#f9f9f9}.champion-drivers-table tr:hover{background-color:#f1f1f1}.champion-constructors-table{width:100%;border-collapse:collapse}.champion-constructors-table th,.champion-constructors-table td{border:1px solid #ddd;padding:8px;text-align:left}.champion-constructors-table th{background-color:#f4f4f4;font-weight:700}.champion-constructors-table tr:nth-child(2n){background-color:#f9f9f9}.champion-constructors-table tr:hover{background-color:#f1f1f1}.table-container{overflow-x:auto;margin:20px}.champion-engines-table{width:100%;border-collapse:collapse}.champion-engines-table th,.champion-engines-table td{border:1px solid #ddd;padding:8px;text-align:left}.champion-engines-table th{background-color:#f4f4f4;font-weight:700}.champion-engines-table tr:nth-child(2n){background-color:#f9f9f9}.champion-engines-table tr:hover{background-color:#f1f1f1}.vote-container{margin:2rem;text-align:center}.vote-container select{margin:1rem;padding:.5rem}.vote-container button{padding:.5rem 1rem;margin-top:1rem;cursor:pointer}.user-votes{display:flex;flex-direction:column;align-items:center;margin:2rem}.votes-container{display:flex;justify-content:space-around;width:100%}.vote{font-size:1.5rem;margin:1rem}.social-links{display:flex;justify-content:space-around;width:100%;margin-top:1rem}.social-links a{color:#1da1f2;margin:0 1rem;transition:color .3s ease}.social-links a:nth-child(1){color:#3b5998}.social-links a:hover{color:#f1c40f}.overall-results{display:flex;justify-content:space-around;margin:2rem}.result-column{text-align:center;width:45%}.result{font-size:2rem;margin:1rem 0}.result-column h2{color:#ef6e45}.result-column a{display:block;margin:.5rem 0;text-decoration:none;color:#1da1f2}.result span{display:block;font-size:1.5em}.result .votes{font-size:.75em;color:#ef6e45}.footer{width:100%;background-color:#000;color:#fff;font-family:Arial,sans-serif;padding:1rem 0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.footer-left,.footer-right{display:flex;align-items:center}.footer-left a,.footer-right a{color:#fff;margin:0 10px;transition:color .3s}.footer-left a:hover,.footer-right a:hover{color:#f1c40f}.footer-center{flex-grow:1;text-align:center}.footer-center a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .3s}.footer-center a:hover{color:#f1c40f}@media (max-width: 600px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-left,.footer-right{justify-content:center;margin:10px 0}}#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}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.App{display:flex;flex-direction:column;align-items:center;width:100%}