@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    cursor:text;
    user-select: auto !important;
}

p {
    font-family: 'Poppins', sans-serif !important;
}

html {
    scroll-behavior: smooth !important;
    overflow-x: hidden !important;
}

body {
    overflow: overlay;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
}

h1 {
    margin: 20px 0; 
    text-align: center;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
}

.iframe-container {
    display: flex;
    justify-content: space-between;
    height: auto;
}

.pass-text {
    margin: 20px 0;
    text-align: center;
}

.iframe-cont {
    float: left;
    width: 100%;
}

.clear{
    clear:both;
}
 
iframe {
    align-items: left;
    border: 3px solid #ccc;
}

/*For screens with a max-width of 1000px and min-width of 280px*/
@media(max-width: 1000px) and (min-width: 280px) {
    .iframe-container {
        display: block;
        height: auto;
    }

    h1 {
        font-size: 25px;
    }
}