.mainHeader {
    height: 100vh;
    min-height: 40em;
    background-image: url("photo-1650374471530-8efdf239a269.avif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

body {
    background-color: #b7d1da;
}

.name {
    font-family: 'Allan', cursive;
    font-size: 150px;
    color:#344057 ;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
}


a {
    font-family: 'Baloo Da 2', cursive;
    font-size: 25px;
    color: #CE9E73;

}

nav {
    justify-content: space-around;
    display: flex;
    align-items: center;
        
    
}

a:hover {
    color: #E6AFBD;
}


header {
    background-color: #344057;
    width: 100%;
    height: 50px;
    padding-top: 20px;
    border-style: solid;
    
}

.contact {
    font-family: 'Baloo Da 2', cursive;
    font-size: 20px;
    color: #344057;
}

.portfolio {
    font-family:'Baloo Da 2', cursive ;
}


.about {
    font-family: 'Baloo Da 2', cursive;
    font-size: 35px;
    color: #344057;
}



.about-me {
    font-family: 'Allan', cursive;
    font-size: 150px;
    color: #344057;
    align-items: center;
    text-align: center;
    
}

.signature {
    font-family: 'Allan', cursive;
    font-size: 200%;
    color: #344057;
    align-items: left;
    text-align: left;
}

img {
    border-radius: 50%;
    float: right;
   

.hawaii {
    float: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 5%;
    padding: 10%;
    
   
}
.mainHeader {
    height: 100vh;
    min-height: 40em;
    background-image: url("photo-1650374471530-8efdf239a269.avif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}