body{
    background-color: rgba(78, 77, 77, 0.555);
    
}

.main{
    height: 800px;
    padding: 10% 0px 10% 0px;
    margin: 10% 0px 10% 0px;
    border-radius: 13px;
    
    
    /* padding-top: 50px; */
    
    /* padding-left: 0px; */
}

.main div a{
    padding: 30px 3px 30px 3px;
    font-size: larger;
    background-color: rgba(78, 77, 77, 0.555);
    color: aliceblue;
    text-align: center;
    border: 20px !important;
    border-color: rgb(0, 255, 255) !important;
}
.cnav{
    background-color:#444444;
}
.cards{
    color:white;
    background-color: rgba(78, 77, 77, 0.555);
    padding: auto;
}
.ccaution{
    font-weight: bolder;
    font-size: xx-large;
    color:rgb(0, 255, 157);
}
.sticky-offset {
    top: 70px;
    background-color: rgb(78, 77, 77);
    font-size: larger;
    z-index: 99;

}
.center{
    text-align: center;
    margin-top: 4%;
    position: sticky;
    top: 190px;
    font-size: x-large;

}
.fullwidth {
    color:white;
    font-weight: bolder;
    justify-content: center;
    width:100%;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    margin-left:0;
    margin-top: 4px;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    border-radius: 0px 0px 15px 15px ;
    display:block;
    font-weight: bolder;
    text-align:center; /*This will result in centering the link text, which is probably what you want -brianjohnsondesign.com*/
    text-decoration: none;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    
}
.fullwidth:hover{
    background-color:rgb(98, 0, 255)!important;
    color:rgb(255, 255, 255);
}
    

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 15px; /* Place the button 30px from the right */
    z-index: 100; /* Make sure it does not overlap */
   width: 50px;
   height: 50px;

}
  
.white{
    color: aliceblue;
}
footer{
    background-color:rgb(68, 68, 68);
    text-align: center;
    font-size: 15px;
    color:#adadad;
    
}
footer a {
    text-decoration: none;
    color:white;
    font-size: 20px;
    font-weight: normal;
}
footer a:hover{
    color:rgb(5, 105, 255);
}