@import url('https://fonts.googleapis.com/css2?family=BBH+Bogle&family=Lexend:wght@100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

        body { padding: 0;margin: 0; }
        .Menu { height: 100px;width: 100%;display: flex;flex-direction: row;background-color: #2D4075; } .Menu button:nth-child(1) { margin-left: 50%;width: 15%; }
        .Menu button { height: 45%;width: 11%;border-radius: 5px;margin-top: 3%;margin-left: 5%;border: none;background-color: #2D4075;border-bottom: 6px solid #9CBCFF; }
        .Menu button a { font-size: 18px;text-decoration: none;font-family: 'Nunito', sans-serif;color: #9CBCFF;font-weight: 800; }
        .S1 { height: 30%;width: 100%;display: flex;flex-direction: row;background-color: #2D4075; } .S1 h1 span { color: #9CBCFF; }
        .S1 h1 { font-family: "Asap Condensed", sans-serif ;font-size: 75px;margin-top: 3%;font-weight: 800;margin-left: 20%;color: #111; }
        .S1 h2 { font-family: 'Montserrat Alternates', sans-serif;color: #000;margin-top: 8%;font-size: 45px;margin-left: 17%; }
        .S2 { height: 60%;width: 100%;display: flex;flex-direction: row;background: linear-gradient(to top, #9CBCFF ,#2D4075 ); } 
        .S2a { display: flex;flex-direction: column;height: 100%;width: 50%; } 
        .S2a { display: flex;flex-direction: column;height: 100%;width: 50%; }
        .S2b { display: flex;flex-direction: column;height: 100%;width: 50%; } 
        .S2b h2 { font-family: 'Montserrat Alternates', sans-serif;font-size: 35px;font-weight: 500;margin-left: 5%;margin-top: 4%; }
        .g1 { font-size: 25px;font-family: 'Montserrat Alternates', sans-serif;font-style: italic;margin-top: 0%;margin-left: 7%;font-weight: 300;border-left: 2px solid #2D4075;
        padding-left: 2%; }
        .l1 { height: 50%;width: 100%;display: flex;flex-direction: row; }
        .l1 { height: 50%;width: 100%;display: flex;flex-direction: row; }
        .a1 { height: 100%;width: 50%;display: flex;flex-direction: column; } 
        #s2 img { height: 80%;width: 35%;margin-top: 9%;margin-left: 35%; }

        #i1 { height: 70%;width: 35%;margin-top: 3%;margin-left: 60%; } #i2 { height: 70%;width: 35%;margin-top: 3%;margin-left: 30%;border-radius: 10px; }
        #i3 { height: 70%;width: 35%;margin-top: 6%;margin-left: 60%;border-radius: 10px; } #i4 { height: 70%;width: 35%;margin-top: 6%;margin-left: 30%;border-radius: 10px; }

        .S3 { height: 120%;width: 100%;display: flex;flex-direction: row;background: linear-gradient(to bottom, #9CBCFF ,#2D4075 ); }
        .Op { height: 100%;width: 50%;display: flex;flex-direction: column; }
        .Op h2 { font-size: 45px;font-family: 'Montserrat Alternates', sans-serif;width: 80%;height: auto;margin-left: 7%; }
        .Op p { font-family: 'Nunito', sans-serif;font-size: 25px;width: 90%;line-height: 40px;margin-left: 8%;height: auto;margin-top: 0%; }
        .pop { height: 30%;width: 100%;display: flex;flex-direction: column; } .opo { height: 70%;width: 100%;display: flex;flex-direction: row; }
        .opo img { height: 50%;width: 32%;margin-top: 7%;margin-left: 10%; } 
        .pop h2 { font-size: 45px;font-family: 'Montserrat Alternates', sans-serif;width: 80%;height: auto;margin-left: 5%;margin-top: 10%;border-left: 5px solid #2D4075;padding-left: 3%; }
        .S4 { height: 30%;width: 100%;display: flex;flex-direction: row;background-color: #2D4075; }
        .S4 h1 { font-size: 65px;font-family: 'Asap Condensed', sans-serif;margin: 0 auto;margin-top: 3%; } .S4 h1 span { color: #9CBCFF; }