body {
    height: 98vh;
    width: 97%;
    display: grid;
    grid-template-columns: 10% 10% 10% 10% 4% 10% 10% 10% 10% 10%;
    grid-template-rows: 10% 10% 10% 10% 5% 8% 10% 10% 7% 4%;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
        background-color: #F9F9FE;
}
#img1{
    grid-row: 2;
}
h1{
    font-size: 2rem;
    grid-column: 1/12;
    grid-row: 6;
}
p{
    grid-row: 7;
    grid-column: 1/10;
    color: silver;
}
#img2{
    grid-row: 10;
    grid-column: 6;
}
#a1{
    grid-row: 11;
    height: 3rem;
    grid-column: 1/12;
    border: solid 1px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0D53FC;
    color: white;
}
#a2{
    grid-row: 12;
    height: 3rem;
    grid-column: 1/12;
    border: solid 0;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}