body{
            padding: 20px;
        }

        *{
            color: white;
            font-family: arial;
        }

        h1{
            color: white;
            text-shadow: 2px 2px 2px white;
        }

        main{
            background-color: brown;
            align-items: center;
            text-align: center;
            margin: 0 auto;
            width: 1280px;
        }

        .text1{
            color: white;
            font-family: arial;
            -webkit-text-stroke: 1px black;
            font-size: 25px;
            text-shadow: 1px 1px 1px black;
        }

        .backButton{
            text-shadow: 1px 1px 1px black;
            font-family: arial;
            padding: 5px;
            width: 50px;
            display: flex;
        }

        .mainPage{
            padding: 20px;
        }


        @media screen and (max-width: 1280px){
            main{
                width: 100%;
            }

            .mainPage{
                width: 100%;
            }
        }