*,
        *::before,
        *::after {
                box-sizing: border-box;
        }
        body, html {
                width: 100%;
                margin: 0;
        }
        body {
                background-color: #E0DEDD;
        }
        p {
                font-size: 1.5em;
                font-family: cursive;
        }
        p span {
                font-weight: bold;
                font-size: 1.2em;
        }
        table {
                margin-top: 10vh;
                width: 100%;
                table-layout: fixed;
                border: 1px solid black;
        }
        table tr {
                text-align: center;
        }
        table th, table td {
                border: 1px solid black;
        }
        @media only screen and (max-width: 600px) {
                div.idea {
                        width: 75%;
                        margin: 0 auto;
                        padding: 1em;
                }
                form {
                        font-size: 1.5em;
                        width: 100%;
                        margin: 0 auto;
                }
                form input {
                        margin-top: 0.5em;
                        height: 2em;
                }
                form input[type=password] {
                        font-size: 1.1em;
                        width: 75%;
                        margin-bottom: .5em;
                }
                form input[type=submit] {
                        font-size: 1.1em;
                }
                div.videos {
                        margin-top: 1em;
                        width: 100%;
                        display: grid;
                        grid-template-columns: 1fr;
                        gap: 0.5em;
                }
                div.videos iframe {
                        width: 100%;
                        height: 200px;
                }
                .bg-image {
                        /* The image used */
                        background-image: url("../../ab_ar.png");

                        /* Add the blur effect */
                        filter: blur(2px);
                        -webkit-filter: blur(2px);

                        /* Full height */
                        height: 100vh;
                        width: 100vw;

                        /* Center and scale the image nicely */
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                }
                /* Position text in the middle of the page/image */
                .bg-text {
                        background-color: rgb(0,0,0); /* Fallback color */
                        background-color: rgba(0,0,0, 0.7); /* Black w/opacity/see-through */
                        color: white;
                        font-weight: bold;
                        border: 3px solid #f1f1f1;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 2;
                        width: 80%;
                        padding: 20px;
                        text-align: center;
                }
        }

        @media only screen and (min-width: 601px) {
                div.idea {
                        width: 75%;
                        margin: 0 auto;
                        padding: 1em;
                }
                form {
                        width: 50%;
                        margin: 0 auto;
                }
                form input[type=password] {
                        width: 50%;
                        margin-bottom: 1em;
                }
                div.videos {
                        width: 75%;
                        margin: 1em auto 0 auto;
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 0.5em;
                }
                div.videos iframe {
                        width: 100%;
                        height: 300px;
                }
                .bg-image {
                        /* The image used */
                        background-image: url("../../ab_desktop.png");

                        /* Add the blur effect */
                        filter: blur(2px);
                        -webkit-filter: blur(2px);

                        /* Full height */
                        height: 80vh;
                        width: 100vw;

                        /* Center and scale the image nicely */
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                }
                /* Position text in the middle of the page/image */
                .bg-text {
                        background-color: rgb(0,0,0); /* Fallback color */
                        background-color: rgba(0,0,0, 0.7); /* Black w/opacity/see-through */
                        color: white;
                        font-weight: bold;
                        border: 3px solid #f1f1f1;
                        position: absolute;
                        top: 40%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 2;
                        width: 80%;
                        padding: 20px;
                        text-align: center;
                }
        }
        .icons{
                position: relative;
                top: 0;
                display: flex;
                margin: 0 auto;
                align-items: center;
                justify-content: center;
                width: 100%;
                font-size: 1.5em;
        }
        .fa {
                padding: 20px;
                width: 100px;
                text-align: center;
                text-decoration: none;
                margin: 5px 2px;
        }

        .fa:hover {
                opacity: 0.7;
        }

        .fa-facebook {
                background: #3B5998;
                color: white;
        }

        .fa-whatsapp {
                background: #aba8a8;
                color: green;
        }

        .fa-youtube {
                background: #bb0000;
                color: white;
        }