.photo {
    width: 250px;
    height: 250px;
    border-radius: calc(1vw + 1vh);
    overflow: hidden;
}

.photo img {
    width: 100%;
    height: auto;
    display: block;
}

.contactIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.contactIcon img {
    width: 100%;
    height: 100%;
    display: block;
}

.title{
    padding-bottom: 5rem;
}

a {
    text-decoration: none;
}

.technology-item{
    display:inline-block;
    border-radius: 5px;
    border: black 5px solid;
    border-width: 2px;
    padding: 0px 10px 0px 10px;
}

.technologys{
    margin-bottom: 1rem;
}

.toastEmail{
    margin-top: 5rem;
}

.top-name{
    font-family: "Montserrat"
}


.skill-image{
    height: 100px;
    width: auto;
}