body {
    background-color: #1D1D1D;
}
a{
    width: 100px;
    height: 100px;
}

.resizable-box{
    width: 100px;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.5s;
}
.resizable-box:hover {
    width: 350px;
}
.box {
    border: 1px solid white;
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
}

.center{
    width: 50%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(50%);
}

.logo{
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center; 
}

.linkedin{
    background-image: url("../img/linkedin.png");
}
.linkedin:hover{
    background-image: url("../img/linkedin-big.png");
}

.github{
    background-image: url("../img/github.png");
}
.github:hover{
    background-image: url("../img/github-big.png");
}

.resume{
    background-image: url("../img/resume.png");
    background-size: 70%;
}

.mail{
    background-image: url("../img/mail.png");
}