body{
    color :#FFFFFF;
    margin: 0px 0px 0px 0px;
}
.logo span{
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: Tahoma;
}
header{
    width:100%;
}
.logo {
    align-items: center;
    text-align: center;
    width: 100%;
    background-color:#A50005;
}
.logo img {
    margin-top: 20px;
    height: 50px;
    width: 50px;
    filter:drop-shadow(1px 5px 9px #ffd700);
}
@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
.input_form{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#b6cedf;
    border-radius: 10%;
    align-items: center;
}
.input_form p{
    font-family: Tahoma;
    color :#FFFFFF;
    background-color: #A50005;
    border-radius: 10%;
    width: fit-content;
}
.input_form input 
{
    color: #fff;
    text-align: center;
    background:#A50005;
    height: 30px;
    width: 170px;
    border: 1px solid #fff;
    border-radius: 15%;
    font-family: Tahoma;
}
.input_form input:hover{
    border: 2px solid #ffd700;
}
.input_form button 
{
    background:#A50005;
    height: 25px;
    width: 90px;
    border: 1px solid #fff;
    border-radius: 15%;
    color: #fff;
    font-family: Tahoma;
    font-size: 15px;
}
.input_form button:hover{
    background:	#090344;
    text-shadow: 5px 2px 9px #fff;
}
.btns{
    margin: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.hbtns{
    margin: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.input_form ::placeholder {
    color: #fff;
    opacity: 75%;
    text-align: center;
    font-size: 15px;
}
.input_form ::-ms-input-placeholder { 
    color: #fff;
    opacity: 55%;
    text-align: center;
    font-size: 15px;
}
.btns button {
    background:#A50005;
    height: 30px;
    width: 120px;
    border: 1px solid #fff;
    border-radius: 15%;
    color: #fff;
    font-family: Tahoma;
    height: 30px;
    width: 150px;
    font-size: 15px;
}
.hbtns button {
    background:#A50005;
    height: 30px;
    width: 120px;
    border: 1px solid #fff;
    border-radius: 15%;
    color: #fff;
    font-family: Tahoma;
    height: 30px;
    width: 150px;
    font-size: 15px;
}
.btns button:hover{
    background:#090344;
    text-shadow: 5px 2px 9px #fff;
}
.hbtns button:hover{
    background:#090344;
    text-shadow: 5px 2px 9px #fff;
}
.abtspan {
    text-align:center;
    display:inline-block;
    font-weight:bolder;
    font-size: 18px;
    }

@media only screen and (max-device-width: 480px) {
    .abtspan {
        font-size: 16px;
        }
    body{
        min-height: fit-content;
        width: fit-content;
    }
}
@media only screen and (max-device-width: 390px) {
    .abtspan {
        font-size: 13px;
        }
        .input_form p{
            font-size: 13px;
        }
        body{
            min-height: fit-content;
            width: fit-content;
        }
}
@media only screen and (max-device-width: 280px) {
    .abtspan {
        font-size: 8px;
        }
}