body{
    background-color:#232023;
}
#introduction{
    padding:3%;
}
#menubar{
    background-color: #232023;
    color: white;
    overflow: hidden;
}
#menubar a{
    float:right;
    color:whitesmoke;
    text-align: center;
    padding:20px 20px;
    text-decoration: none;
    font-size: 15px;
    font-family:'Times New Roman', Times, serif;
}
#menubar a:hover{
    background-color: azure;
    color: black;
}
#back{
float:right;
position:absolute;
background-color: aliceblue;
border:black;
padding:160px 120px;
margin-top:3%;
margin-left: 72%;
margin-right:50px;
}
#image{
float: right;
position: absolute;
padding: 5px 5px;
background-color: antiquewhite;
border:black;
margin-top: 5%;
margin-left: 70%;
}
#intro{
    color: white;
    font-family:'Times New Roman', Times, serif;
    font-size: large;
    padding:5% 0% 10% 10%;
    margin-left: 10%;
    }
#skills,#workexperience,#projects{
    padding: 0% 20% 0% 20%;
    color:white;
    font-family:'Times New Roman', Times, serif;
}
#titles{
    color: white;
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
}
#wrapper{
    padding:0;
    }
#boxes{
    float: left;
    position:sticky;
    padding: 10px;
    background-color:#c5c6d0;
    color: black;
    margin: 10px;
    border-radius: 20px;
    transition: color 0.3s ease;
    text-decoration: none;
}
#boxes:hover{
    background-color: antiquewhite;
}
#box-container{
    margin-left: 20%;
    margin-right: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
img {
    display: block;
    margin: 0 auto;
}

#contact{
    background-color: #787276;
}
#qualifications{
    background-color: #322d31;
    font-family: 'Times New Roman', Times, serif;
}
#contactbox {
    background-color:#322d31;
    color: antiquewhite;
    width: 60%;
    margin:10%;
    display:flex;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    justify-content:center; /* Adjust spacing between elements */
}

#iconbox {
    padding: 5px;
    background-color:#c5c6d0;
    width: 40%;
    margin-top: 10%;;
    display: flex;
    flex-direction: column; /* Arrange icons vertically */
    align-items: center; /* Center icons horizontally */
}

#iconbox img {
    height: 50px;
    width: 50px;
    margin: 10px;
}

#iconbox img:hover,a:hover {
    background-color: #787276;
}
#iconbox a{
    color: #232023;
    text-decoration: none;
}
#education,#languages,#certifications,#coursework,#interests{
    width:40%;
    margin-left: 30%;
    height:fit-content;
    background-color:#c5c6d0;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 20px;
    text-align: center;
}
#feedback{
    width:60%;
    margin:0% 20% 0% 20%;
    background-color: #322d31;
    color: antiquewhite;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
}
form #submit{
    padding:5px;
    font-family: 'Times New Roman', Times, serif;
    color: azure;
    background-color:#322d31;
    font-size: large;
}
#endofresume{
    color: whitesmoke;
    font-family: 'Times New Roman', Times, serif;
}