@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&display=swap);.home-out{width:100vw;min-height:100vh;background-image:linear-gradient(#04ce9b,#64e408)}.navbar{background-color:hsla(0,0%,76.9%,.64)}.navbar h1{letter-spacing:2px;font-family:"Bangers",cursive}.main-part{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;width:100vw;height:80vh}.main-part .texts h2{color:#f6594f;font-size:2.5rem;margin-bottom:1vh;-webkit-animation:leftCome 1s linear forwards;animation:leftCome 1s linear forwards}.main-part .texts p{transform:translateX(-100vw);-webkit-animation:rightCome 1s linear 1s forwards;animation:rightCome 1s linear 1s forwards}.main-part .texts .buttons{display:flex}.main-part .texts .buttons h3{padding:.5rem 1rem;background-color:#f6594f;color:#fff;margin-top:3vh;margin-right:2vw;border-radius:1rem;opacity:0;-webkit-animation:visible 1s ease-in 2s forwards;animation:visible 1s ease-in 2s forwards;cursor:pointer}.main-part .texts .buttons h3:hover{background-image:linear-gradient(#ffb347,#fc3)}.main-part img{width:35vw}@media (max-width:650px){.main-part img{margin-top:5vh;width:70vw}}@-webkit-keyframes leftCome{0%{opacity:0;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}@keyframes leftCome{0%{opacity:0;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes rightCome{0%{opacity:0;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}@keyframes rightCome{0%{opacity:0;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes visible{0%{opacity:0}to{opacity:1}}@keyframes visible{0%{opacity:0}to{opacity:1}}.modal-container{width:100vw;height:100vh;background-color:rgba(0,0,0,.527);display:flex;position:fixed;z-index:1;display:none}.modal-container,.modal-container .modal{align-items:center;justify-content:center}.modal-container .modal{width:60vw;height:50vh;background-color:#fff;display:flex;flex-direction:column;position:relative;border-radius:1rem}.modal-container .modal p{position:absolute;top:20px;right:20px;padding:.5rem;font-size:1.2rem;cursor:pointer;border-radius:5rem}.modal-container .modal h2,.modal-container .modal p:hover{background-color:#ffcef3;color:#fff}.modal-container .modal h2{padding:.5rem 1rem;border-radius:1rem;margin-bottom:2vh}.modal-container .modal form{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem}.modal-container .modal form input{width:40vw;height:5vh;outline:none;border:none;border-bottom:2px solid #000}.modal-container .modal form textarea{width:40vw;outline:none;height:10vw;border:none;border-bottom:2px solid #000}.modal-container .modal form button{margin-top:2vh;background-color:#cabbe9;min-width:10vw;height:4vh;border-radius:1rem;border:0;cursor:pointer}.modal-container .modal form button:hover{background-color:#ffcef3}.show-modal{display:flex}.home-on{width:100vw;min-height:100vh;background-color:#fdfdfd}.navbar{display:flex;justify-content:space-around;align-items:center;width:100vw;height:15vh;background-color:hsla(0,0%,76.9%,.42)}.navbar h1{flex:2 1;margin-left:2vw;font-size:3rem;cursor:pointer}.navbar h2{margin-right:5vw;font-size:1.2rem}.navbar .others{display:flex}.navbar #user-name{color:#cabbe9;cursor:pointer}.navbar #user-name:hover{border-bottom:2px solid #cabbe9}.navbar #log-out-button{padding:.5rem 2rem;background-color:#cabbe9;color:#fff;border-radius:1rem;cursor:pointer}.navbar #log-out-button:hover{background-color:#ffcef3}.new-election{width:100vw;height:10vh;display:flex;justify-content:center;align-items:center}.new-election h3{text-align:center;background-color:#cabbe9;padding:2rem;border-radius:1rem;cursor:pointer}.new-election h3:hover{background-color:#ffcef3}.card-container{width:80vw;min-height:70vh;margin-top:10vh;margin-left:7vw;display:flex;justify-content:space-around;flex-wrap:wrap}@media (max-width:650px){.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar h1{font-size:2rem;margin-top:3vh}.navbar h2{font-size:1rem;padding:0 .2rem}.navbar #log-out-button{padding:.2rem .5rem;background-color:#f6594f}.navbar #log-out-button:hover{background-color:#88ffa2}.navbar .others{display:flex;margin-bottom:2vh}}.cards{width:20vw;height:50vh;background-color:#fff;margin-top:5vh;margin-bottom:2vh;margin-left:5vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#a1eafb;box-shadow:5px 5px 5px grey;transition:transform .3s ease-in;cursor:pointer}.cards:hover{transform:translateY(-5vh) translateX(-1vw)}.cards p{background-color:rgba(248,19,19,.808);position:absolute;top:10px;right:20px;padding:0 .5rem}.cards h2,.cards p{border-radius:1rem;color:#fff}.cards h2{padding:1rem 3rem;text-decoration:none;background-color:#55ddfc;cursor:pointer}.cards .creation,.cards h2{margin-top:-4vh}.cards .bottom-bar{background-color:#fff;display:flex;justify-content:space-around;align-items:center;height:12vh;width:20vw;border-top:1px solid #000}.cards .bottom-bar h3{display:flex;flex-direction:column;text-align:center;font-size:3rem;color:#cabbe9;text-decoration:none}.cards .bottom-bar h3 span{font-size:1rem;color:grey;text-decoration:none}@media (max-width:1000px){.cards,.cards .bottom-bar{width:35vw}.cards h2{padding:1rem}}@media (max-width:650px){.cards,.cards .bottom-bar{width:80vw}.cards .bottom-bar h3{margin-right:2vw}.cards h2{padding:1rem}}.election-page{min-height:100vh;background-color:#fdfdfd}.election-page,.election-page .top-bar{width:100vw;display:flex;flex-direction:column;align-items:center}.election-page .top-bar{height:40vh;background-color:#a1eafb;position:relative}.election-page .top-bar .navbar{background-color:hsla(0,0%,50.2%,.315);width:100vw;height:7vh;text-align:center;display:flex;align-items:center;justify-content:center;margin-top:1vh}.election-page .top-bar p:first-child{color:#fff;position:absolute;background-color:#cabbe9;padding:.5rem 1rem;border-radius:1rem;top:10vh;left:2vw}.election-page .top-bar p:first-child:hover{background-color:#ffcef3}.election-page .top-bar h6{color:#fff;position:absolute;background-color:#cabbe9;font-size:1rem;padding:.5rem 1rem;border-radius:1rem;top:10vh;right:2vw}.election-page .top-bar h6:hover{background-color:#ffcef3}.election-page .top-bar h2{margin-top:10vh;font-size:1.6rem}.election-page .candidates{width:80vw;height:70vh;background-color:#fff;transform:translateY(-10vh);overflow-y:scroll;overflow-x:hidden}.election-page #new_candidate{background-color:#cabbe9;font-size:1.8rem;padding:.5rem 1rem;border-radius:1rem;border:0;color:#fff;transform:translateY(-8vh);margin-bottom:5vh;cursor:pointer}.election-page #new_candidate:hover{background-color:#ffcef3}.candidates::-webkit-scrollbar{width:5px}.candidates::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.795)}.candidates::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.candidate{width:80vw;min-height:8vh;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #000;padding:1rem 0}.candidate:nth-child(2n){background-color:#e7e5e5}.candidate .title{width:25vw}.candidate p{width:40vw}.candidate h2{background-color:#cabbe9;padding:.5rem 1rem;border-radius:1rem;color:#fff;cursor:pointer}.candidate h2:hover{background-color:#ffcef3}@media (max-width:650px){.candidate{flex-direction:column;justify-content:center;align-items:center}.candidate .title{width:70vw;margin-bottom:2vh}.candidate .title h3{font-size:1.7rem}.candidate p{width:70vw;margin-bottom:2vh}}.results-page{min-height:100vh;background-image:linear-gradient(#f6d365,#fda085)}.results-page,.results-page .top-bar{width:100vw;display:flex;flex-direction:column;align-items:center}.results-page .top-bar{height:40vh;background-image:linear-gradient(#b74174,#e35c76);position:relative}.results-page .top-bar .navbar{background-color:hsla(0,0%,50.2%,.315);width:100vw;height:7vh;text-align:center;display:flex;align-items:center;justify-content:center;margin-top:1vh}.results-page .top-bar p{color:#fff;position:absolute;top:10vh;left:2vw;background-image:linear-gradient(#eb1e80,#f42a5a);padding:.5rem 1rem;border-radius:1rem}.results-page .top-bar h2{margin-top:8vh;font-size:2rem}.results-page .winners{width:80vw;height:70vh;background-color:#fff;transform:translateY(-12vh);overflow-y:scroll;overflow-x:hidden}.winners::-webkit-scrollbar{width:5px}.winners::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.795)}.winners::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}@media (max-width:650px){.results-page .top-bar h2{font-size:1.5rem}}*{margin:0;padding:0;font-family:"Montserrat",sans-serif}.winner{width:80vw;min-height:8vh;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #000;padding:1rem 0}.winner:nth-child(2n){background-color:#e7e5e5}.winner h5{font-size:3rem}.winner .title{width:25vw}.winner h2{display:flex;flex-direction:column;align-items:center;font-size:2.7rem}.winner h2 span{font-size:1rem}@media (max-width:650px){.winner h5{font-size:2rem}.winner .title h3{font-size:1rem;font-weight:700}.winner .title h4{font-size:.7rem}.winner h2{font-size:2rem}.winner h2 span{font-size:.7rem}}
/*# sourceMappingURL=main.275c6eae.chunk.css.map */