body {
    background-color: rgb(0, 0, 87);
}
.top {
    display: flex;
    justify-content: space-around;
    background-color: rgb(0, 0, 87);
}
.button1 > a > button {
    height: 50px;
    width: 170px;
    background-color: rgb(0, 0, 87);
    color: white;
    font-weight: 800;
    border-radius: 100px;
    border: solid 3px white;
    position: relative;
    top: 10px;
    cursor: pointer;
}
.logo > a > h1 {
    background-color: rgb(0, 0, 87);
    color: white;
}
.nav > a {
    color: white;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}
.nav {
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.logo > a {
    text-decoration: none;
}
.texts {
    color: white;
    position: relative;
    top: 20px;
    left: 100px;
    cursor: default;
    width: 400px;
}
.button2 > a > button {
    height: 50px;
    width: 170px;
    font-weight: 800;
    background-color: violet;
    color: white;
    border-radius: 100px;
    border: solid 3px white;
    cursor: pointer;
}
.text1 > h1 {
    font-size: 70px;
}
.text2 {
    font-size: 20px;
}
.card1 {
    width: 350px;
    height: 300px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}
.card1 > .abc {
    width: 80px;
    position: relative;
    top: 30px;
}
.card1 > h1 {
    position: relative;
    top: 40px;
    cursor: pointer;
}
.card1 > p {
    position: relative;
    top: 30px;
    cursor: default;
}
.card2 {
    width: 350px;
    height: 300px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}
.card2 > .def {
    width: 80px;
    position: relative;
    top: 30px;
}
.card2 > h1 {
    position: relative;
    top: 40px;
    cursor: pointer;
}
.card2 > p {
    position: relative;
    top: 30px;
    cursor: default;
}
.card3 {
    width: 350px;
    height: 300px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}
.card3 > .ghi {
    width: 80px;
    position: relative;
    top: 30px;
}
.card3 > h1 {
    position: relative;
    top: 40px;
    cursor: pointer;
}
.card3 > p {
    position: relative;
    top: 30px;
    cursor: default;
}
.cards {
    display: flex;
    justify-content: space-around;
}
.bgimage {
    position: absolute;
    top: 140px;
    left: 400px;
}
.bgimage > img {
    width: 800px;
}
.secondtxt > h3 {
    color: rgb(255, 83, 112);
}
.secondtxt > h1 {
    font-family: Arial, Helvetica, sans-serif;
}
.all {
    background-color: rgb(168, 168, 168);
    margin-left: -6px;
    margin-right: -6px;
    padding-top: 30px;
    height: 1250px;
}
.clouds > img {
    width: 100px;
}
.cloudstxt {
    background-color: white;
    width: 300px;
}
.both {
    background-color: white;
    border-radius: 10px;
    display: flex;
    width: 450px;
    align-items: center;
    justify-content: space-evenly;
}
.clouds1 > img {
    width: 100px;
}
.cloudstxt {
    background-color: white;
    width: 300px;
}
.both1 {
    background-color: white;
    border-radius: 10px;
    display: flex;
    width: 450px;
    align-items: center;
    justify-content: space-evenly;
}
.eclouds {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    cursor: default;
    position: absolute;
    top: 1400px;
    left: 750px;
    width: 450px;
}
.notification2 {
    width: 300px;
}
.notification {
    background-color: white;
    border-radius: 10px;
    display: flex;
    width: 400px;
    align-items: center;
    justify-content: space-evenly;
    cursor: default;
    position: absolute;
    left: 300px;
    top: 1550px;
}
.grow {
    position: absolute;
    left: 750px;
    top: 1300px;
    color: rgb(0, 0, 85);
    width: 200px;
    cursor: default;
}
.firstimage > .wasd {
    position: absolute;
    top: 1300px;
}
.button3 {
    position: absolute;
    top: 1750px;
    left: 770px;
}
.button3 > button {
    background-color: violet;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    border-radius: 100px;
    border: 3px solid white;
    cursor: pointer;
    height: 50px;
    width: 150px;
}
.all2 {
    background-color: rgb(0, 0, 87);
    margin-top: -21px;
    margin-left: -6px;
    margin-right: -6px;
    height: 650px;
}
.all2 > .catagories > h4 {
    color: rgb(168, 20, 168);
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    top: 40px;
    left: 150px;
    width: 200px;
}
.again {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    width: 1000px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    left: 150px;
    top: 30px;
}
.ccard1 > img {
    width: 50px;
}
.ccard1 > h2 {
    color: white;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.ccard1 {
    width: 250px;
    height: 200px;
    border: 1px solid grey;
    cursor: pointer;
    padding-top: 40px;
}
.ccard2 > img {
    width: 50px;
}
.ccard2 > h2 {
    color: white;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.ccard2 {
    width: 250px;
    height: 200px;
    border: 1px solid grey;
    cursor: pointer;
    padding-top: 40px;
}
.ccard3 > img {
    width: 50px;
}
.ccard3 > h2 {
    color: white;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.ccard3 {
    width: 250px;
    height: 200px;
    border: 1px solid grey;
    cursor: pointer;
    padding-top: 40px;
}
.ccard4 > img {
    width: 50px;
}
.ccard4 > h2 {
    color: white;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.ccard4 {
    width: 250px;
    height: 200px;
    border: 1px solid grey;
    cursor: pointer;
    padding-top: 40px;
}
.second-cards {
    display: flex;
    justify-content: space-evenly;
}
.support {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    top: 50px;
}
.support > p > a {
    color: white;
}
.all3 {
    background-color: white;
    margin-top: -20px;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: -8px;
    height: 2400px;
}
.business-partner {
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
.business-partner > h1 {
    color: rgb(6, 0, 92);
}
.button4 {
    font-family: Arial, Helvetica, sans-serif;
}
.button4 > button {
    height: 45px;
    width: 170px;
    border-radius: 100px;
    color: rgb(228, 49, 228);
    border: 3px solid rgb(228, 49, 228);
    font-weight: 800;
    cursor: pointer;
}
.third-cards {
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
    display: flex;
    justify-content: space-evenly;
}
.stuf {
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
    font-size: 20px;
}
.stuff-image {
    display: flex;
    justify-content: space-evenly;
    font-family: Arial, Helvetica, sans-serif;
}
.video > .play > .vid1 {
    width: 60px;
    border-radius: 100px;
    border: 3px solid;
    position: absolute;
    top: 3970px;
    left: 47%;
    cursor: pointer;
}
.last-button > button {
    height: 50px;
    width: 200px;
    border-radius: 100px;
    border: 2px solid white;
    cursor: pointer;
    color: violet;
    background-color: white;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
}
.last-button {
    position: relative;
    bottom: 300px;
    left: 571px;
    width: 200px;
}
.last-image-txt {
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
    position: relative;
    bottom: 300px;
}
.logo-and-txt {
    width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
.logo-and-txt > a > p {
    width: 150px;
    color: black;
}
.logo-and-txt1 {
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
.logo-and-txt1 > p {
    cursor: pointer;
}
.logo-and-txt2 {
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
.logo-and-txt2 > p {
    cursor: pointer;
}
.logo-and-txt3 {
    width: 360px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
.logo-and-txt3 > input {
    height: 40px;
    width: 350px;
    border-radius: 100px;
    border: 1px solid;
}
.logo-and-txt3 > .last-icons > img {
    width: 30px;
}
.the-last-part {
    display: flex;
    justify-content: space-evenly;
}
.the-end {
    width: 520px;
    cursor: default;
    position: relative;
    top: 80px;
    left: 450px;
}
.the-end > p > a {
    color: violet;
    text-decoration: none
}