@media (min-width: 850px) {

    main{
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

   h1{
    margin: 30px auto;
   }
   main a:hover {
        color: red;
        
   }
   .back-button {
    margin-top: 20px;
}
}
.back-button {
    font-size: 20px;
    color: #235af0;
}
h1{
    color: #235af0;
}
@media (max-width : 850px) {
    h1 {
        margin: auto;
        font-size: 22px;
    }
    main{
        
        width: 80%;
        margin: 30px auto;
    }
    .back-button {
        
        margin-top: 40px;

    }
}