body,html{margin:0;padding:0;scroll-behavior:smooth;font-family:sans-serif;background:#eaeaea}.content{max-width:1400px;width:100%;height:100vh;margin:0 auto;padding:2rem;box-sizing:border-box}.content .title{margin-bottom:2rem}.content .title h1{margin:0}.content .title p{margin:0;font-weight:200}.content .light{font-weight:lighter;color:#53555a}.content .candidates{transition:.3s}.content .candidate{padding:2rem;border-radius:1rem;background:white;margin-bottom:1rem;transition:.3s;border:3px solid transparent;position:relative}.content .candidate:first-child{border-color:#748ffc}.content .candidate.not-voted{opacity:.3}.content .candidate h2{margin:0}.content .candidate .vote-lines{width:45%}.content .candidate .vote-lines .line{margin-top:.75rem;width:100%;background:#e6e6e6;position:relative}.content .candidate .vote-lines .line .procent{position:absolute;top:50%;right:-15%;font-size:.9rem;transform:translateY(-50%);margin:0}.content .candidate .president{position:absolute;top:50%;left:50%;transform:translateY(-50%);width:50%;margin:0;font-weight:700;color:#4c6ef5;font-size:2rem;text-align:center}@media only screen and (max-width: 500px){.content,.content .candidate{padding:1rem}.content .candidate .vote-lines{width:80%}.content .candidate .vote-lines .line .procent{right:-20%}.content .candidate .president{position:relative;left:0;width:100%;transform:translateY(0);margin-top:1rem}}