body {
    background-image: url(../images/3suns.jpg);
    background-size: 100%;
}




.mainBox {
    border-radius: 10%;
    background-color: #484743;
    border: 3px solid;
    color: white;
    border: #343233 solid 5px;
}

#selfie {
    border-radius: 10%;
   

}

p {
  
    font-family: 'B612 Mono', monospace;
}

.b6font {
font-family: 'B612 Mono', monospace;
}

a {
   font-family: 'B612 Mono', monospace;
   
    
}

h1, h5 {
    font-family: 'Comfortaa', cursive;
  
}

.navbar {
    background-color: #484743 !important;
   
}


#topName {
    color: #ed9c0a;
    padding: 8px;
}

#portfolio1 {
    color: #9dc2fe;
}

#contact1 {
    color:  #76d5c1;
}

#topName:hover {
    background-color: #ed9c0a;
    color: #484743;
}

#portfolio1:hover {
    background-color: #9dc2fe;
    color: #484743;
}

#contact1:hover {
    background-color: #76d5c1;
    color: #484743;
}

.btn {
    background-color: #484743;
    border: #343233 solid 2px;
}

.card-body {
    background-color: #959595;
    /* background-color: #b8b8ba; */
    border: none;
}

.button-bl {
    color: #9dc2fe;
}

.button-gr {
    color: #76d5c1;
}

.button-og {
    color: #ed9c0a;
}

.button-og:hover {
    background-color: #ed9c0a;
    color: #484743;
}

.button-gr:hover {
    background-color: #76d5c1;
    color: #484743;
}

.button-bl:hover {
    background-color: #9dc2fe;
    color: #484743;
}

#footer {
    background-color: #484743;
        position: fixed;
        bottom: 0;
        width:98.2%;
        /* Set the fixed height of the footer here */
        height: 60px;
        line-height: 60px; /* Vertically center the text there */
        background-color: #484743;
 
}

.card {
    border: #484743 2px solid;
   
}

.borderWrap {
max-width: 100%;
  padding: 1rem;
  position: relative;
  background: linear-gradient(to bottom,#ed9c0a, #9dc2fe, #76d5c1);
  padding: 3px;
}

#contactButton {
/* background-color: #959595;
color: white; */
width: 100%;
background: linear-gradient(to right,#ed9c0a, #9dc2fe, #76d5c1);
height: 50px;
font-family: 'Comfortaa', cursive;
font-size: larger;

}

#contactButton:hover {
    color: red;
}

#contactForm {

    height: 600px;
}