body, html{
    width: 100%;
}

.main{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: inherit;
    height: inherit;
}

.logoContainer{
    height: 600px;
    width: auto;
}

#logo{
    height: 600px;
    width: auto;
}

.textContainer{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#techTextTitle{
    margin: 10px;
    font-family: Arial;
    font-weight: bold;
    font-size: 26px;
    color: rgb(238, 128, 17);
}

.techText{
    margin: 5px;
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    color: rgb(36, 138, 80);
}

.contactsContainer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    font-family: Arial;
    font-size: 26px;
}
.contactsField{
    display: flex;
    flex-direction: column;
    width: 440px;
}

.contactsRow{
    display: flex;
    flex-direction: row;
    margin: 5px;
}

.contactsRow > p{
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    color: rgb(36, 138, 80);
}

.contactsPicture{
    display: flex;
    justify-content: center;
    width: 40px;
}

.contactsPicture > img{
    height: 100%;
    width: 25px;
}