.modal {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: scale(1.1);

    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;

}



.modal-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: white;

    padding: 1rem 1.5rem;

    width: 24rem;

    border-radius: 0.5rem;

}



.close-button {

    float: right;

    width: 1.5rem;

    line-height: 1.5rem;

    text-align: center;

    cursor: pointer;

    border-radius: 0.25rem;

    background-color: lightgray;

}



.close-button:hover {

    background-color: darkgray;

}



.show-modal {

    opacity: 1;

    visibility: visible;

    transform: scale(1.0);

    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}







.arc,

.arc a {

    color: rgb(226, 226, 226);

    padding: .8% 0;

    text-align: center;

    background-color: #141414;

    margin: 0% !important;

}



.arc a:hover {

    color: red;

}



.reset{

    border: 2px solid #fff;

    width: 30%;

    margin: auto;

    margin-top: 10vh;

    padding-top: 4%;

    padding-bottom: 5%;

    background: #fff;

    border-radius: .8rem;

}

.footerSmallDevice{

        position: fixed;

        width: 100%;

        bottom:0;



    }



@media(max-width: 426px){

    .fixedFooter {

    position: fixed;

    bottom: 0;

    width: 100%;

}

.border-banner{

    

    height: 0!important;



}

}

.border-banner{

    color: #6ce56c;

    color: linear-gradient(45deg, #9be15d, #00e3ae);

    overflow: hidden;

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    height: 3rem;

    width: 100%;

}

header{

    position: relative;

}