.errorlog{
  color: red;
}



body {
    background: linear-gradient(#1B998B, rgb(37, 250, 204), #6baef7);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.bodyalt{
    background-color: #01dfb2;
}

.bodyalt2{
    background-color: #019b7c;
}

.acc1{
    background-color: #2D3047;
}

.acc2{
    background-color: #A9D3FF;
}

.acc1text{
    color: white;
}

.primarytext{
    color: black;
}

.white{
    background-color: white;
}


/* elements */

.card {
  background: #2D3047;
  color: white;
  transition: background 0.7s ease, color 0.7s ease;
}

.card:hover{
    background: #A9D3FF;
    color: black;
}

.rotating-word span{
    color: #A9D3FF;
}

.rotating-word2 span{
    color: #A9D3FF;
}

.DetailPoint{
    transition: all 0.5s ease;
}

.DetailPoint:hover{
    color: #A9D3FF;
    box-shadow: 0 0 10px #A9D3FF;
    transform: scale(1.05);
}

.navbtn{
    color: black;
    border-radius: 15px;
    transition: all 0.3s ease;
    padding: 5px;
}

.navbtn:hover{
    background-color: #95c8fd;
    color: black;
    
}

.dropdown-item:hover{
    background-color: #95c8fd;
}

.FormBox{
    border: solid rgb(255, 255, 255) 1px;
    box-shadow: 0 0 15px rgb(0, 0, 0), inset 0px 0px 20px rgb(255, 255, 255);
}

.SubBtn{
    background-color: #A9D3FF;
    color: black;
    border-radius: 5px;
    transform: scale(1.15);
    transition: all 0.3s ease;
}

.SubBtn:hover{
    transform: scale(1.05);
    background-color: #459efd;
}

.InfoFormTop{
    border: solid rgb(255, 255, 255) 1px;
    box-shadow: inset 0px 0px 20px rgb(0, 0, 0), 0 10px 15px white;
}

.InfoForm{
    border: solid rgb(255, 255, 255) 1px;
    box-shadow: 0px 0px 20px rgb(255, 255, 255);
}

.modal-content{
    background-color: #2D3047;
    color: white; 
}