body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background: #fff url("img/bg25.webp") fixed repeat-y center;
    background-size: 100vw;
    font-size: 100%;
    color: black;
    text-align: center;
    padding: 0;
    margin: 0;
}

/*
.content::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  background: #fff url("img/bg25.webp") fixed repeat-y center;
  background-size: 150vw;
  width: 100%;
  height: 100%;
  filter: blur(0px);
}
*/

.spons_img {
    width: 15vw;
    height: auto;
    margin: 1vw;
    opacity: 0.8;
    border: 0.2vw solid #233536;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.5vw 1vw rgba(0,0,0,0.8);
}

.text5 {
    text-align: center;
    font-size: 1.5rem;
    color: #ac243c;
    margin: 2vw 0 2vw 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.8);
}

.logo {
    width: 100vw;
    height: auto;
    margin: 0 0 7vw 0;
    padding: 0;
    z-index: 100;
    box-shadow: 0 1vw 1vw rgba(0,0,0,0.8);
}

form {
    text-align: center;
    margin: 0 0 0 0;
    padding: 0;
}

input[type=text] {
    background-color: white;
    padding: 1vw;
    border: 0.2vw solid #233536;
    border-radius: 1vw;
    text-align: center;
    font-size: 2.5rem;
    box-shadow: inset 0.3vw 0.3vw 0.3vw 0 rgba(0,0,0,0.5);
}

input[type=text]:focus {
  background-color: white;
}

.achiev_img {
    width: 20%;
    height: auto;
    margin: 0;
    padding: 0.5vw;
    opacity: 1;
    z-index: 0;
    position: static;
}

.achiev_img2 {
    width: auto;
    height: 3rem;
    margin: 0 3vw 0 3vw;
    opacity: 1;
    box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0,0,0,0.5);
    border-radius: 0.2rem;
    animation: radial-pulse 2s infinite;    
}

.achiev_img_click {
    outline: 1vw solid yellow;
    outline-offset: -1vw;
    opacity: 1;
    transform: scale(1.1, 1.1);
    z-index: +1;
    position: relative;
}

.gray {
    filter: grayscale(60%);  
    opacity: 0.6 ;
}

.about_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1vw;
}

.about_box_title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.achiev_win {
    width: 50%;
    height: auto;
    margin: 1vw;
    padding: 0;
    border: 1px solid black;
    border-radius: 2vw;
    box-shadow: 1vw 1vw 1vw rgba(0,0,0,0.5);
}

/* ===================================================================== */

.vote_body {
    margin: 2vw;
    padding: 1vw 2vw 1vw 2vw;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0.1vw solid black;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0,0,0,0.5);    

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.vote_topic {
    margin: 1vw 0 1vw 0;
    padding: 0 0 1vw 0;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.vote_card {
    margin: 1vw 2vw 1vw 2vw;
    padding: 2vw;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0.1vw solid black;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0,0,0,0.2);
    min-height: 3rem;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.vote_card:hover {
    transform: scale(1.05, 1.05);
}

.hide {
    display: none;
}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 0, 1);
  }
  100% {
    box-shadow: 0 0 0 1vw rgba(255, 255, 0, 0);
  }
}    

.alert {
    text-align: center;
    font-size: 1.5rem;
    color: red;
    margin: 5vw 0 5vw 0;
    padding: 0;
    text-shadow: 1vw 1vw 1vw rgba(255,0,0,0.5);
}

.alert_big {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: red;
    text-shadow: 
        -0   -1px 1px #000000,
         0   -1px 1px #000000,
        -0    1px 1px #000000,
         0    1px 1px #000000,
        -1px -0   1px #000000,
         1px -0   1px #000000,
        -1px  0   1px #000000,
         1px  0   1px #000000,
        -1px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  1px 1px #000000,
         1px  1px 1px #000000,
        -1px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  1px 1px #000000,
         1px  1px 1px #000000,
         1vw 1vw 1vw rgba(127,0,0,0.5);
}

.button {
    margin: 2vw;
    color: white;
    padding: 2vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5rem;
    border-radius: 1vw;
    opacity: 0.8;
}

.button:hover {
    transform: scale(1.1, 1.1);
}

.text0 {
    text-align: center;
    font-size: 1.5rem;
    color: black;
    margin: 2vw 0 2vw 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text1 {
    text-align: center;
    font-size: 1.5rem;
    color: black;
    margin: 2vw 0 2vw 0;
    padding: 0;
}

.text2 {
    text-align: left;
    font-size: 1.3rem;
    color: black;
    margin: 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text3 {
    text-align: justify;
    color: black;
    font-size: 1rem;
    padding-left: 3vw;
}

.text4 {
    text-align: center;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    color: black;
}

.text6 {
    text-align: left;
    font-size: 1.3rem;
    color: black;
    margin: 1vw 0 0.5vw 1vw;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text7 {
    color: black;
    text-align: left;
    margin: 0.5vw 0 0 2vw;
    padding: 0;
    font-size: 1rem;
}

.text8 {
    text-align: left;
    font-size: 1rem;
    color: black;
    margin: 0 0 0 5vw;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text9 {
    text-align: center;
    font-size: 1.2rem;
    color: darkred;
    margin: 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text10 {
    text-align: center;
    font-size: 1.3rem;
    color: green;
    margin: 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text11 {
    text-align: left;
    font-size: 1rem;
    color: yellow;
    margin: 0 0 0 1rem;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text12 {
    text-align: left;
    font-size: 1rem;
    color: black;
    margin: 0 0 0 2rem;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text13 {
    color: white;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.text14 {
    text-align: center;
    font-size: 1.5rem;
    color: white;
    margin: 2vw 0 2vw 0;
    padding: 0;
    text-shadow: 1vw 1vw 1vw rgba(127,127,0,0.5);
}

.text15 {
    text-align: center;
    font-size: 1.3rem;
    color: darkred;
    margin: 0 0 1rem 0;
    padding: 0;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(0,0,0,0.5);
}

.ticket_num {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: red;
    text-shadow: 
        -0   -1px 1px #ffffff,
         0   -1px 1px #ffffff,
        -0    1px 1px #ffffff,
         0    1px 1px #ffffff,
        -1px -0   1px #ffffff,
         1px -0   1px #ffffff,
        -1px  0   1px #ffffff,
         1px  0   1px #ffffff,
        -1px -1px 1px #ffffff,
         1px -1px 1px #ffffff,
        -1px  1px 1px #ffffff,
         1px  1px 1px #ffffff,
        -1px -1px 1px #ffffff,
         1px -1px 1px #ffffff,
        -1px  1px 1px #ffffff,
         1px  1px 1px #ffffff,
         1vw 1vw 1vw rgba(127,0,0,0.5);
}

.page_bg {
    margin: 2vw;
    padding: 2vw;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0.1vw solid black;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0,0,0,0.5);    
}    

.bg_green {
    background-color: #24ac3c;
    border: 0.1vw solid darkgreen;
    box-shadow: 1vw 1vw 1vw 0 rgba(0,125,0,0.5);
}

.bg_blue {
    background-color: #6490b5;
    border: 0.1vw solid #477099;
    box-shadow: 1vw 1vw 1vw 0 rgba(0,0,125,0.5);
}

.bg_red {
    background-color: #cf2010;
    border: 0.1vw solid darkred;
    box-shadow: 1vw 1vw 1vw 0 rgba(125,0,0,0.5);
}

.darkred {
    color: darkred !important;
}

.red {
    color: red !important;
}