html{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: large;
    font-weight: 100;
    background-color: rgb(236, 214, 184);
    scroll-behavior: smooth;
}
.container {
    width: 95%;
 
    background-color: white;
    margin:1em 1em 1em 1em;
    border-radius: 1em;
    padding: .25em 2em .25em 2em;
}

.box {
    width: 25%;
    height: 25%;
    
}

.newBox{
    display: flex;
    justify-content: center;
    background-color: rgb(188, 207, 193);
    margin: 2em 2em 2em 2em;
    /* border-radius: 20em;  */
}

.newBox img{
    width: 40%;
    height: 40%;
    margin: 2em 0 2em 0;   
    border-radius: 1em;
}


.box img{
    float:right;
    width: 100%;
    height:100%;
    margin: 0 9em 0 1em;
}

#top-space{
    margin-top: 5%;
    
}

#move-right{
    
   margin-left: auto;
  
}

.divider {
    width: 50%;
    justify-content: center; 
    background-color: rgb(188, 207, 193);
    height: auto;
    padding: 0 1em 0 1em;
    border-radius: 1em;
    
}

h1 {
    color: white;
}



h1:hover {
    scale: 1.1;
    transition: 400ms;
}

a {
    text-decoration: none;
    color:rgb(188, 207, 193);
    
}
a:hover{
    color: black;
    transition: 400ms;
   
}


.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 110%;
}

.flex-box {
    max-width: 25%;
    margin: 1em;
    padding: 1em;
   
    display: flex;
}
.flex-box img{
    float:right;
    width: 15em;
    height:15em;
    margin: 0 2em 0 2em;
    
}

.flex-box:hover {
    background-color: rgba(128, 128, 128, 0.308);
   border-radius: 10em;
   transition: 500ms;
   scale: 1.1;
}

#shift-right {
    margin-left: 2%;
}


.link-box {
    width: 3em;
    height: 3em;
    border-radius: 1em;
    display: flex;
    float: left;
    margin: 2em;
}

.link-box-image {
    object-fit: fill;
    display: flex;
}

h5 {
    margin-top: 5em;
}

#center {
    justify-content: center;
}

#space {
    margin-top:35em;
}

#padding {
    padding: 3em;
}

#about_me {
    color: white;
}

#experience {
    color: white;
}

#certifications {
    color: white;
}