html, body {
    height:100%;
    margin:0;
    background:#101728;
    font-family:sans-serif;
    scroll-behavior:smooth;
}

#section1 {
    color:white;
    height:50vw;
    background:#0f1819;
}

#logo1 {
    width:15vw;
    margin-left:3vw;
    margin-top:2vw;
}

#section1DivP1 {
    margin-left:4vw;
    width:50vw;
    font-family:sans-serif;
    font-weight:bold;
    font-style: italic;
    font-size:2vw;
    margin-top:auto;
    margin-bottom:2vw;
    background: linear-gradient(to right, #17781B, #FFC107,#29972E, #29972E);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
}

#section1DivP2 {
    margin-left:4vw;
    width:7vw;
    text-align:center;
    font-family:sans-serif;
    font-weight:bold;
    font-style: italic;
    font-size:1vw;
    margin-top:3vw;
    margin-bottom:2vw;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    padding:1vw;
    background:beige;
    color:grey;
}

#section1DivP {
    color:beige;
    margin-left:4vw;
    width:50vw;
    font-family:sans-serif;
    font-weight:bold;
    font-size:8vw;
    margin-top:auto;
    margin-bottom:auto;
}

#section1Div {
    display:flex;
    margin-top:3vw;
}

#section1DivDivImg {
    position:absolute;
    left:51vw;
    top: 14vw;
    width:30vw;
}

#section1DivDiv {
    align-content:center;
    overlap:overlap;
    background:green;
}

#section1DivDivImg1 {
    position:absolute;
    margin-left:4vw;
    top:9.5vw;
    width:30vw;
    height:27vw;
    border-radius:3vw;
    z-index:10;
}

#section1 a {
    text-decoration:none;
}

#section1Div1 {
    display:flex;
    font-family:sans-serif;
    font-weight:bold;
    font-size:1.2vw;
    color:#0f1819;
    margin-left:4vw;
    margin-top:2vw;
    padding:1vw;
    padding-right:1.5vw;
    padding-left:1.5vw;
    border-radius:45px;
    background:green;
    background-image:linear-gradient(45deg,#ffc107, #2e9f33);
    width:10vw;

    height:2vw;
    flex-direction:row;
    align-items:center;
    justify-content:center;
 }

#section2 {
    display:flex;
    flex-wrap:wrap;
    color:white;
    height:50vw;
    width:100%;
    margin-top:-5vw;
    background:#101728;
}

#section2Div {
    margin-left:5vw;
    margin-top:3vw;
    margin-left:auto;
    margin-right:auto;
    font-family:sans-serif;
}

#section2DivDiv {
    display:flex;
    flex-wrap:wrap;
    margin-top:4vw;
}

#section2DivDiv img {
    height:3vw;
    margin-right:4vw;
    margin-top:auto;
    margin-bottom;auto;
}

#section2DivH2 {
    top:48vw;
    font-size:4vw;
    font-weight:bold;
    width:40vw;
    color:#2e9f33;
}

#section2DivP1, #section2DivP2 {
    font-size:2vw;
    font-weight:bold;
    width:50vw;
    margin-left:auto;
    margin-right:auto;
}
#section2DivP1 {
    top:65vw;
}
#section2DivP2 {
    top:73vw;
}

#section2Img {
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    width:22vw;
    height:25vw;
    border-radius:3vw;
    z-index:10;
    background:red;
}

#section3 {
    display:flex;
    flex-wrap:wrap;
    height:50vw;
    width:100%;
    color:white;
}

#section3Img {
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    width:22vw;
    height:25vw;
    border-radius:3vw;
}

#section3Div {
    margin-left:5vw;
    margin-top:3vw;
    margin-left:auto;
    margin-right:auto;
    font-family:sans-serif;
}

#section3DivDiv {
    display:flex;
    flex-wrap:wrap;
    margin-top:4vw;
}

#section3DivDiv img {
    height:3vw;
    margin-right:4vw;
    margin-top:auto;
    margin-bottom;auto;
}

#section3DivH2 {
    top:48vw;
    font-size:4vw;
    font-weight:bold;
    width:40vw;
    color:#2e9f33;
}

#section3DivP1, #section3DivP2 {
    font-size:2vw;
    font-weight:bold;
    width:50vw;
    margin-left:auto;
    margin-right:auto;
}
#section3DivP1 {
    top:65vw;
}
#section3DivP2 {
    top:73vw;
}

#section4 {
    display:inline;
    color:white;
    height:50vw;
    width:100%;
    margin-top:-5vw;
}

#section4Div {
    display:flex;
    flex-wrap:wrap;
}

#section4DivDiv {
    margin-left:5vw;
    margin-top:3vw;
    margin-left:auto;
    margin-right:auto;
    font-family:sans-serif;
}

#section4Div1 {
    display:flex;
    flex-wrap:wrap;
    margin:4vw;
}

#section4Div1 img {
    height:3vw;
    margin-right:4vw;
    margin-top:auto;
    margin-bottom;auto;
}

#kotlin {
    width:10vw;
}

#section4DivH2 {
    top:48vw;
    font-size:4vw;
    font-weight:bold;
    width:40vw;
    color:#2e9f33;
}

#section4DivP1, #section4DivP2 {
    font-size:2vw;
    font-weight:bold;
    width:50vw;
    margin-left:auto;
    margin-right:auto;
}
#section4DivP1 {
    top:65vw;
}
#section4DivP2 {
    top:73vw;
}

#section4Img {
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    width:27vw;
    height:25vw;
    border-radius:3vw;
    z-index:10;
}

#section5 {
    color:white;
    display:flex;
    flex-wrap:wrap;
    width:fit-content;
    margin-left:auto;
    margin-right:auto;
}

#section5Div a {
    color:white;
    display:flex;
    flex-wrap:wrap;
    text-decoration:none;
}

#section5Div a img {
    width:1.5vw;
    margin:0.5vw;
}

#section5DivH2 {
    color:#2e9f33;
    font-size:2.5vw;
}

#section5Div p {
    font-size:1vw;
}
#logo2 {
    width:10vw;
    margin-right:20vw;
}

#div1 {
    width:fit-content;
    margin-top:3vw;
    margin-left:auto;
    margin-right:auto;
}

#div1 a {
    text-decoration:none;
}

#div1 img {
    width:2vw;
    height:2vw;
    margin:1vw;
}