* {
    margin: 0;
    padding: 0;
}

body {
    background-color: aqua;
    font-family: poppins;
    color: darkblue;
}

.starting h1 {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -20px;
}

.starting h3 {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -20px;
}


.box-1 {
    margin: 50px;
    padding: 50px;
    background-color: darkblue;
    display: flex;
    border-radius: 50px;
    color: rgb(237, 242, 247);
}

.starting h2 {
    display: flex;
    justify-content: center;
    position: relative;
    right: -190px;
    font-size: 50px;
}

.home-sci {
    position: relative;
    bottom: -50px;
    left: -300px;
    font-size: 50px
}

.home-sci p {
    font-size: 20px;
    text-align: center;
    position: relative;
    left: -150px;
}



.Copy-rights{
font-size: 16px;
color: black;
font-weight: 200;
position: absolute;
left: 600px;
bottom: -90px;
}

@media only screen and (max-width: 768px) {
.starting h1 {
    flex: 0 0 100%;
    text-align: center;
}
.home-sci p {
    flex: 0 0 100%;
    text-align: center;
    position: relative;
}
}