/* Declaring Fonts */

@font-face {
    font-family: 'comic_neuebold';
    src: url('fontFiles/comicneue-bold-webfont.woff2') format('woff2'),
         url('fontFiles/comicneue-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_neuebold_italic';
    src: url('fontFiles/comicneue-bolditalic-webfont.woff2') format('woff2'),
         url('fontFiles/comicneue-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_neueitalic';
    src: url('fontFiles/comicneue-italic-webfont.woff2') format('woff2'),
         url('fontFiles/comicneue-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_neuelight';
    src: url('fontFiles/comicneue-light-webfont.woff2') format('woff2'),
         url('fontFiles/comicneue-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_neuelight_italic';
    src: url('fontFiles/comicneue-lightitalic-webfont.woff2') format('woff2'),
         url('fontFiles/comicneue-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* END Declaring Fonts */

html {
    overflow-x: hidden;
}

html, body, main, nav, .navbar-collapse, .navbar-brand, .nav-link, .navDir {
    background-color: rgb(232, 239, 255) !important;
}

.mainScroll::-webkit-scrollbar {
    display: none;
  }

.mainScroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

section {
    min-height: 100svh;
}

.centerAligning {
    display: flex; 
    justify-content:center; 
    flex-direction: column;
}

.height100Per {
    height: 100%;
}

.width100Per {
    width: 100%;
}

.width90Per {
    width: 90%;
}



p, a, h1, h2, h3, h4, h5, h6, ul, li {
    font-family: 'comic_neuebold', Arial, sans-serif;
}

ul, li, a {
    font-size: clamp(16px, 1.2svw, 30px);
}

.nav-link {
    font-size: clamp(16px, 1.2svw, 25px);
}

.navbar-brand {
    font-size: clamp(16px, 1.2svw, 25px);
}

h1 {
    font-size: clamp(50px, 1.2svw, 80px);
}

p {
    font-size: clamp(16px, 1.2svw, 30px);
    width: 90%;
}

main {
    overflow-x: hidden;
    height: 100vh;
    overflow-y: scroll;
}
  
html,
body {
    overflow-x: hidden;
}

/* Main Section */

.mainContainer {
    background-image: url('media/writingChalkboard.jpg'); 
    background-size: cover; 
    height: 100svh;
    position:relative
}

.mainTextDivOne {
    background-color: rgba(255, 255, 255, 0.616); 
    border-radius: 5px;
}

.mainH1One {
    font-size: 5vw;
}

.mainHr {
    border: 1svw solid rgb(102, 150, 255); 
    border-radius: 5px; 
    width: 50%;
}

.continueText {
    position:absolute; 
    bottom:0;
}

/* END Main Section */

/* Dyslexia Section */

.dyslexiaSecHR {
    border: 2px solid rgb(102, 150, 255); 
    border-radius: 5px; 
    width: 50%;
}

/* END Dyslexia Section */

/* Community Section */

.communityDivOne {
    background-color: rgba(255, 255, 255, 0.685); 
    border-radius: 5px;
}

/* END Community Section */

/* About Us Section */

.aboutUsSection {
    position: relative;
}

.aboutUsHR {
    border: 10px solid rgb(102, 150, 255); 
    border-radius: 5px; 
    width: 75%;
}

.footerMinWidth {
    min-width: 100%;
}

.footerText {
    font-size: medium;
}

footer > p > a {
    font-size: medium !important;
}

/* END About Us Section */

@media only screen and (min-width: 1200px) {

    /* PC/Laptop Only Styling */

    .HrMobileSpacing {
        margin-bottom: 4px !important;
    }

    .mainHr {
        border: .5svw solid rgb(102, 150, 255);
    } 

    .standalonePara {
        width: 70%;
    }

    main > section {
        width: 100svw;
        height: 100svh;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    main {
        scroll-snap-type: y mandatory;
    }
}