body {
    color: black;
    background-color:tomato;
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif

}


h1{ 
font-size: 400px;
margin-left: 100px;
margin-top: 100px;
float: left;
border: 3px solid black;
}

h4{
    font-size:80px;
    float: left;
    margin-top:550px;
    margin-left: -880px;
    transform: rotate(180deg);

}

h2{
    float: left;
    transform: rotate(180deg);
    font-size: 290px;
    font-weight: 50px;
    margin-left: 25px;
    margin-top: 25px;
    border: 3px solid black;
}


h5{
    font-size: 60px;
    color: yellow;
    transform: rotate(70deg);
    float: right;
    margin-top: -600px;
    margin-right: 300px;
}


h7{
    font-size:40px;
    transform: rotate(90deg);
    float: right;
    margin-top: -324px;
    margin-right: 107px;
 

}


ul{
    transform: rotate(90deg);
    float: right;
    font-size: 40px;
    margin-top: -700px;
    margin-right: 300px;
   
}

h3{
    font-size: 350px;
    float: left;
    margin-left: 200px;
    margin-top: 50px;
}


@media screen and (max-width:414px) {
    h1{
        font-size: 300px;
        position: left;
        margin-left:30px;
    }

    h2{
        font-size: 150px;
        position: right;
    }

    h4{
        font-size: 60px;
        position: left;
        margin-left: 70px;
        margin-top: -191vw;
    }

    h3{
        align-content: center;
        margin-left: 80px;
        font-size: 300px;
        margin-top: -100px;

    }

    h5{
       
       float: right;
       margin-right: 50px;
       margin-top: -480px;
    }

    ul{
        align-content: center;
        margin-top:-500px;
        margin-left: 20px;
        font-size: 30px;




    }

    h7{
        align-content: center;
        margin-top: -213px;
        font-size:30px;
        margin-left:30px;


    }

}