style.css

body{
    background-color: rgb(0, 0, 0);
    border: 50px;
    margin: 0px;
    color: white;
}
header{
    padding-top: 2px;
}
nav{
    display: inline-block;
    padding: 20px;
    padding-left: 746px;
}
a{
    color: rgb(255, 255, 255);
}
#prof-img{
    border-radius: 50%;
    width: 200px;
    height: 200px;
    border: 7px solid white;
}
.info{
    float: right;
    overflow: hidden;
    margin-left: 5rem;
    margin-top: 1em;
    font-size: 27px;
    line-height: .5em;
}
.container{
    margin: 5rem;
    display: flex;
    padding-right: 8% ;
    padding-top: 2%;
    color: azure;

}
#profile{
    background-image: url('assets/cityLights.jpg');
    background-size: contain;
    height: 246px;
}
#intro{
    text-align: center;
    border: solid;
}
#projects{
    font-size: 20px;
}
#services{
    display: flex;
    height: 23rem;
    width: 100%;
    border:solid;
}
#services div{
    height: 91%;
    width: 22rem;
    padding-top: 10px;
    margin-top: 9px;
    padding-left: 29px;
    border: solid lightgrey;
}
#services div img{
    height: 10rem;
    padding-left: 85px;
    width: 10rem;
}
#services h1{
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
    font-size: xx-large;
}
#certificates{
    font-size: 28px;
}
#contacts{
    display: flex;
}