main{
    margin-top: 70px;
    height: 1000px;
    display: grid;
    align-items: flex-start;
    justify-self: center;
    justify-content: center;
    grid-template-columns: 40% 60%;
    *{
        margin: 10px;
    }
    h1{
        font-size: 50px;
    }
    h2{
        font-size: 30px;
    }
    a{
        text-decoration: none;
        color: white;
        background-color: var(--light-blue);
        padding: 5px;
        width: 120px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        transition: 0.5s;
    }
    a:hover{
        background-color: var(--light-blue-hover);
        transition: 0.5s;
    }
    img{
        width: 500px;
        height: 300px;
        border-radius: 20px;
        background-color: white;
    }
}
@media (max-width: 1000px){
    main{
        margin-top: 0px;
        grid-template-columns: auto;
        grid-template-rows: auto 1fr;
    }
}
@media (max-width: 600px){
    main{
        img{
            width: 90%;
            aspect-ratio: 3/5;
        }
    }
}