/****************************************************
 *  File name   : main.css                          *
 *  Author      : Yohanes Benny Bennedictus         *
 *  Date        : June, 18 2025                     *
 *  Description : CSS ruels to define the layout    *
 *                of landing page content.          *
*****************************************************/

main {
    display: inherit;
    grid-template-rows: auto 1fr repeat(2, 1fr);
    justify-content: center;
}

main > button {
    min-width: 200px;
    height: 60px;
    justify-self: center; 
    border-radius: 30px;
    padding: 10px;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 1.5em;
    font-family: Roboto, sans-serif;
    font-style: italic;
    background-color: var(--limegreen);
}

main > img {
    justify-self: center;
    align-self:self-end;
    margin-top: 50px;
}

main > h1 {
    font-family: 'Berkshire Swash';
    font-size: 4em;
    letter-spacing: 4px;
    align-self: self-start;
    justify-self: center;
    align-self: center;
}

#links-container {
    display: flex;
    justify-content: space-evenly;
    min-width: 1000px;
    max-height: 10%;
}

#fb, #ig, #tiktok, #wa, #yt {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}