styles.css

@keyframes scale-in-hor-left {
0% {
    transform: scaleX(0);
    transform-origin: 0% 0%;
    opacity: 1;
}
100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
}
}
.scale-in-hor-left {
    animation: scale-in-hor-left 1s cubic-poppin(0.250, 0.460, 0.450, 0.940) both;
}

.skills__skill {
    padding: .5rem 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
    background: rgba(153,153,153,0.2);
    border-radius: 5px;
    font-weight: 600;
    color: #777;
}
.skills {
    display: flex;
    flex-wrap: wrap;
}
#image{
    background-image: url("images/project-mockup-example.jpeg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 50rem;
}
#certificates{
    padding-bottom: 10%;
}

.center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us-text{
    flex-wrap: wrap;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-us{
    float: right;
}

.contact-us-mailbox{
    background-color: white;
    text-decoration: none;
}

.my-footer{
    background-color: black; color: white; padding: 20px;
}
.wrap{
    padding-right: 5px;
}

.height{
    height: 50;
}