.loader {

position : fixed;
z-index: 9999;
background : url('https://media.giphy.com/media/26xBI73gWquCBBCDe/giphy.gif') 35% 45% no-repeat;
background-size: cover;
top : 0px;
left : 0px;
height : 100vh;
width : 100vw;
cursor : wait;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.loady {

position : fixed;
z-index: 9999;
background : url('https://media.giphy.com/media/ckHAdLU2OmY7knUClD/giphy.gif') 53% 55% no-repeat;
background-size: cover;
top : 0px;
left : 0px;
height : 100vh;
width : 100vw;
cursor : wait;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

body{
   min-height: 100vh;
   min-width: 95vw;
   background-color: #2d2d2d;
   color:rgba(255, 255, 255, 0.93);
   font-size: 12pt;
   line-height: 16pt;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-family: 'Poppins', sans-serif,arial;
   font-weight: 400;
   letter-spacing: 0.02em;
   padding:5px;
}

h1{
   line-height: 16px;
   font-size: 25pt;
}
p{
   font-family: 'Poppins', sans-serif,arial;
   min-height: 15px;
   margin:0px;
}
div.header{
   min-height: 77vh;
   max-width:320px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}
em{
   font-style: normal;
}

div.parent{
   min-height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   max-width: 320px;
   min-width: 320px;
   display:flex;

}
 div input{
    padding: 5px;
    margin:  5px 0px;
    /* display: none; */
    border-radius: 1px;
    border: none;
    text-decoration:none;
    height: 25px;
    border-radius: 3px;
    outline: none;
}
input:focus{
   background-color:#9CD3D8;

}
input[type="radio"]{
   display: none;
}
label{
   padding:5px;
   margin: 5px 1px;
   display: block;
   height: 25px;
   width: 25px;
   background-color: #f5f5f5;
   -webkit-transition: 0.44s;
   -o-transition: 0.44s;
   transition: 0.44s;
   border-radius: 3px;
}
input:checked + label{
   padding:5px;
   margin: 5px 1px;
   height: 25px;
   width: 98%;
   background-color: lightgreen;
   border-radius: 1px;
}
input:checked + label#fulno, input:checked + label#psuno, input:checked + label#gsuno,input:checked + label#yamno{
   background-color: rgb(214, 31, 31);
}

div.full, div.psui, div.gsui, div.yam{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   min-height: 25px;
}

hr{
   width: 100%;
}
button[type="submit"]{
   display: none;
}
label.bouto{
   height: 100px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       width: calc(100% - 10px);
       color: #fff;
       border-radius: 1px;
       background-color: #FF503F;
}

/* result */


div.result{
   min-height: 80vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   width: 320px;
   min-width: 320px;
   display:flex;
}
a{
   text-decoration: none;
   color: rgba(255, 80, 63, 0.50);
   -webkit-transition: 0.44s;
   -o-transition: 0.44s;
   transition: 0.44s;
}
a:hover{
color: rgba(255, 80, 63, 1);
}