.btnleft {
    cursor: pointer;
    border: 1px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    transition: 1096ms;
    width: 200px;
    height: 65px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(2, 85, 135);
    --hover-borderc: #aaaaaa;
    --hover-width: 190px;
}

.btnleft1 {
    cursor: pointer;
    border: 1px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    transition: 1096ms;
    width: 300px;
    height: 65px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 15px;
    background: rgb(2, 85, 135);
    --hover-borderc: #aaaaaa;
    --hover-width: 190px;
}

.btnleft:hover {
    /*
    color: rgb(255, 255, 255);*/
    color: orange;
    width: 200px;
    height: 65px;
    background: #29415D;
    border-color: rgb(170, 170, 170);
    border-width: 1px;
    border-style: solid;
}

.btnarchives {
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    /* color: rgb(14, 3, 54); */
    color: #3a020d;

    padding: 10px 10px;
    transition: 1096ms;
    width: 195px;
    height: 90px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(122, 178, 212);
    --hover-borderc: #aaaaaa;
    --hover-width: 195px;
}

.btnarchives1 {
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: rgb(14, 3, 54);
    padding: 10px 10px;
    transition: 1096ms;
    width: 195px;
    height: 40px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(122, 178, 212);
    --hover-borderc: #aaaaaa;
    --hover-width: 195px;
}

.btnarchives2 {
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: rgb(14, 3, 54);
    padding: 10px 10px;
    transition: 1096ms;
    width: 195px;
    height: 90px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(122, 178, 212);
    --hover-borderc: #aaaaaa;
    --hover-width: 195px;
}

.btnarchives2:hover {
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: rgb(255, 73, 1);
    padding: 10px 10px;
    transition: 1096ms;
    width: 195px;
    height: 90px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(122, 178, 212);
    --hover-borderc: #aaaaaa;
    --hover-width: 195px;
}


.btnarchivesani {
    cursor: pointer;
    border: 2px solid rgb(255, 73, 1);
    /* border: 2px solid rgb(0, 0, 0); */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;

    color: rgb(255, 73, 1);
    padding: 10px 10px;
    transition: 1096ms;
    width: 195px;
    height: 40px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(122, 178, 212);
    --hover-borderc: #aaaaaa;
    --hover-width: 195px;
}



.btnleftpanels {
    cursor: pointer;
    border: 1px solid rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;

    color: rgb(255, 255, 255);
    padding: 10px 30px;
    transition: 1096ms;
    width: 200px;
    height: 65px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(2, 85, 135);
    --hover-borderc: #aaaaaa;
    --hover-width: 335px;
}

.btnrighttop1 {
    cursor: pointer;
    border: 3px solid rgb(2, 85, 135);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: rgb(255, 73, 1);
    padding: 10px 10px;
    transition: 1096ms;
    width: 200px;
    height: 65px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    --hover-borderc: #aaaaaa;
    --hover-width: 135px;
}

.btnrighttop {
    cursor: pointer;
    border: 3px solid rgb(255, 73, 1);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: rgb(2, 85, 135);

    padding: 10px 30px;
    transition: 1096ms;
    width: 594px;
    height: 65px;
    /* box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px; */
    /* border-radius: 1px; */
    background: rgb(255, 255, 255);
    /* --hover-borderc: #aaaaaa; */
    --hover-width: 335px;
}

.scientific {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(2, 85, 135);


}

#blinking-button {
    padding: 8px 35px;
    border-radius: 48px 0px;
    border: 0px solid #6C8003;
}

@keyframes blink {

    0%,
    100% {
        background-color: #3F06FF;
    }

    50% {
        background-color: #8EDDBE;
    }
}

#blinking-button {
    background-color: #8EDDBE;
    color: white;
    animation: blink 1s linear infinite;
}

/* Visit Website  */
#container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #8EDDBE;
}

#inner-div {
    text-align: center;
    padding: 20px;
}