html {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #1b2725;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

p {
    font-size: 20px;
    font-weight: bold;
    color:white;
    text-align: center;
}

.socials {
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-evenly;
}

.contact {
    left: 0;
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
}

img {
    display: inline-block;
    width: 60px;
    height: 60px;
   }

/* Small (landscape) */
@media only screen 
and (min-width : 320px)
and (orientation : landscape) {
    html {
        background-image: url("../images/Ivan_Dulava_1080p.webp");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    body {
        margin: unset;
    }
    img {
        width: 8%;
        height: 8%;
       }
    .socials {
        -webkit-tap-highlight-color: transparent;
        margin-top: 1%;
        margin-left: 1%;
        display: inline-block;
        width: 50%;
    }
    .contact {
        display: inline-block;  
        left: unset;
        position: fixed;
        text-align: unset;
        bottom: unset;
        width: 50%;
    }
    p {
        margin: 3% 6%;
        font-size: 16px;
        text-align: end;
    }
}

/* Large (landscape) */
@media only screen 
and (min-width : 1366px) 
and (orientation : landscape) {
    p {
        font-size: 24px;
    }
}

/* XL (landscape) */
@media only screen 
and (min-width : 2400px) 
and (orientation : landscape) {
    html {
        background-image: url("../images/Ivan_Dulava_4k.webp");
    }
    p {
        font-size: 36px;
    }
}

/* Small (portrait) */
@media only screen 
and (min-width : 320px)
and (orientation : portrait) {
    html {
        background-image: url("../images/Ivan_Dulava_Mobile.webp");
    }
    img {
        width: 100%;
        height: 100%;
    }
}

/* Large (portrait) */
@media only screen 
and (min-width : 768px) 
and (orientation : portrait) {
    html {
        background-image: url("../images/Ivan_Dulava_MobileHD.webp");
    }
    p {
        font-size: 24px;
        text-align: right;
        margin-right: 10px;
        margin-bottom: 5px;
    }
}57