*{
    margin: 0px;
    padding: 0px;
}

header{
    background-color: rgb(140, 33, 33);
    padding: 30px;
}

footer{
    background-color: rgb(140, 33, 33);
position: absolute;
    text-align: center;
}

.fade-in-text {
    /* opacity adjustment
    background-color: rgba(215, 87, 159,.5);*/ 
    font-size: 70px;
    text-align: center;
   color: #9b0e0e; 
   font-family: "Agbalumo", system-ui;
   animation: fadeIn 2s;
}

body {
background-color: antiquewhite;
}

.red-button { 
    background-color:rgb(140, 33, 33);
    padding: 10px 15px;
    border-radius: 10px;
    border: 2px solid rgb(140, 33, 33);
    font-family: "Agbalumo", system-ui;
    color: antiquewhite;
    text-shadow: 2px 2px 10px #550000;
    font-size: 20px;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

.box {
    background-color:rgb(213, 189, 159);
}

.container{
    text-align: center;
    padding: 5px;
    margin: 20px;
}

.red-button:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
scale: 110%;
transition: 0.2s ease-in;
}

.red-button:active{
    background-color:rgb(93, 27, 27); 
    box-shadow: 0 5px rgba(0,0,0,0.24);
    transform: translateY(4px);
}