*{
    scroll-behavior: smooth;
}
body {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width: 100vw;
    margin: 0px;
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #6EC6CA;
    width: 100%;
}
.title {
    vertical-align: middle;
    display: flex;
    font-weight: bolder;
    font-size: xx-large;
    flex-direction: row;
    letter-spacing: 1.2px;
    margin: auto 20%;
    
}

.project-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #6EC6CA;
    width: 90%;
    margin: auto;
}

.imgv {
    
    
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    height: auto;
    width: auto;
}


.icon {
    display: flex;
    width: 50px;
    
}
.icon:hover {
    width: 70px;
}

.icons-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.video-img {
    display: flex;
    flex-direction: row;
    width: auto;
    padding: 10px;
    height: 20%;
    max-width: 20%;
}
.videoart {
    align-items: center;
    width: auto;
}

.about-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(204, 171, 216);
}
.decoration-text,
span {
    text-decoration: none;
    color:rgb(5, 91, 92);
    font-weight: 900;
    text-shadow: 3px 3px 2px rgb(110, 198, 202);
    transition: all .3s ease-in-out;
}
.email-wrapper{
    display: flex;
    align-self: center;
}
.mail{
    text-decoration: none;
    color: #8474A1;
    font-weight: 900;
    transition: all .3s ease-in-out;
}

.mail:hover,
span:hover, .language:hover,
.decoration-text:hover {
    color: #393e41;
    text-shadow: none;
}
.link{
    text-decoration: none;
    color: #8474A1;
    font-weight: 900;
    text-shadow: 3px 3px 2px #CCABD8;
    transition: all .3s ease-in-out;
}

.link:hover, {
    color: #393e41;
    text-shadow: none;
}

#contact {
    display: flex;
    flex-direction: column;
    background-color:#055B5C;
}

.contact-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.location-wrapper{
    display: flex;
    flex-direction: row; 
    justify-content: flex-start;
    
}
#location-icon {
    max-height: 30px;
    width: 30px;
    padding-right: 10px;
    padding-top: 10px;

}

.socialnetwork-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
}

#linkedin-icon{
    padding-right: 20px;
}

#medium-icon{
    padding-top: 4px;
}


.bye-img {
    width: auto;
    height: 30%;
    max-width: 30%;
}
.footer-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:  #6EC6CA;
}

@media (max-width: 800px) (min-width: 320px) {
    #home,
    .main-wrapper,
    .second-block,
    .contact-wrapper
    {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #home{
        justify-content: space-between;
    }
    .icons-wrapper{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
}