* {
    margin:0;
    padding:0;
}


html,body {
    width:100%;
    height:100%;
    overflow:hidden;
}


.container {
    width:100vw;
    height:100dvh;
}


.text-image {
    width:100vw;
    height:100dvh;
}



/* clickable zones */

.hit {

    position:absolute;

    display:block;

}


/* adjust these percentages */

.name {

    left:0;
    top:0;

    width:100%;
    height:29%;
}


.insta {

    left:0;
    top:29%;

    width:100%;
    height:27%;
}


.portfolio {

    left:0;
    top:56%;

    width:100%;
    height:29%;
}


.email {

    left:0;
    top:85%;

    width:100%;
    height:15%;
}