main{padding-top:0}.container{justify-content:center;align-items:center;display:flex}#header{background:url(/images/polls-bg-blurred-transparent.png) top;justify-content:center;align-items:center;height:100vh;display:flex}#header h1{text-transform:uppercase;letter-spacing:-3px;text-shadow:0 5px 5px #0000004d;margin-bottom:10px;font-size:4rem;font-weight:100}#header p{padding:10px;font-size:2rem}.info-container{flex:1;padding:20px}.links a{color:#fff;text-transform:uppercase;background:0 0;border:1px solid #fff;border-radius:5px;margin-right:10px;padding:10px;display:inline-block;box-shadow:0 5px 5px #0000004d}#demo{background:#06226880;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.demo{justify-content:center;align-items:end;line-height:100px;display:flex}.demo h2{margin:5px;font-size:2rem}.demo img{fill:#fff;width:50px;height:50px;margin:5px}#demo .links{text-align:center}#info{background:#06226880 linear-gradient(90deg,#09224a,#311a46,#490e39,#560324,#580b0b);justify-content:center;align-items:center;height:40vh;padding:20px;display:flex}#info h2{margin-bottom:10px;font-size:2rem;font-weight:300}#info b{font-weight:700}#info .links{margin-bottom:20px}@media screen and (max-width:600px){#header h1{font-size:3rem}.demo{line-height:60px}.demo h2{font-size:1.5rem}.demo img{width:30px;height:30px}}.loader-container{justify-content:center;align-items:center;padding:40px;display:flex}.loader{border:5px solid #eaf0f6;border-top-color:#5999ff;border-radius:50%;width:80px;height:80px;margin:auto;animation:4s linear infinite spinner}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#polls-container{flex-wrap:wrap;justify-content:center;align-items:center;max-width:1200px;padding-bottom:80px;display:flex}.poll{text-align:center;background:#000;border-radius:10px;max-width:500px;margin:20px;position:relative;overflow:hidden;box-shadow:0 5px 5px #12121275}.poll .data{display:flex}.poll .data button{color:#fff;cursor:pointer;transform:1s ease all;text-transform:capitalize;border:1px solid #0000;border-radius:10px;flex:1;margin:10px;font-size:1.2rem;display:block;overflow:hidden}.poll .data .a{flex:1;padding:10px}.poll .data .a,.poll .data button.vote-a-btn{background:#020227;transition:all .5s}.poll .data .a.selected{background:#00008b}.poll .data .a button:hover{border:1px solid #ffffff86}.poll .data .selected button{border:unset}.poll .data .a p{text-shadow:0 1px 1px #000;text-align:left;background:#00008b;padding:20px}.poll .data .b{flex:1;padding:10px}.poll .data .b,.poll .data button.vote-b-btn{background:#2a0202;transition:all .5s}.poll .data .b.selected{background:#8b0000}.poll .data .b button:hover{border:1px solid #ffffff86}.poll .data .img{width:210px;height:210px;overflow:hidden}.poll .data .a button:hover img,.poll .data .b button:hover img{scale:1.3}.poll .data .b p{text-shadow:0 1px 1px #000;text-align:left;background:#8b0000;padding:20px}.poll img{vertical-align:middle;width:100%;padding:0;transition:all .8s}.poll .stats{color:#fff;text-shadow:0 1px 1px #000;border-top:1px solid #0000000a;padding:0;display:flex}.poll .stats div{margin:0;padding:5px;font-size:1rem;transition:width .5s}.poll .vote-a{background:#00008b}.poll .vote-b{background:#8b0000}.spinner-container{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.spinner{border:4px solid #00ba281a;border-left-color:#fff;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#notification-container{z-index:9;width:100%;position:fixed;top:60px}.notification{color:#fff;text-align:center;opacity:1;background-color:#4caf50;border-radius:5px;justify-content:space-around;align-items:center;max-width:240px;margin-top:5px;padding:10px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards slideDown;display:flex}.notification span{flex:5}.notification .close-btn{appearance:none;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:16px}@keyframes slideDown{0%{bottom:-100px;transform:translateY(-100%)}to{bottom:10px;transform:translateY(0)}}.notification.notification-fade{animation:1s cubic-bezier(.175,.885,.32,1.275) forwards fadeOut}@keyframes fadeOut{0%{opacity:100;top:10px;transform:translateY(0)}to{opacity:0;top:-100px;transform:translateY(-100%)}}@media screen and (max-width:600px){.poll .data .img{height:unset;width:unset}.poll .data button{margin:0;font-size:1rem}.poll .data .a p,.poll .data .b p{padding:10px}}