body {
    font-family: "Lato", sans-serif;
    margin: 0;
    color: aliceblue;
}

.div {
background-image: url('./img/wave.svg');
height: 100vh;
background-size: cover;
padding-left: 50px;
padding-right: 50px;
display: flex;
gap: 50px ;
}


h1 {

    color: rgba(0, 204, 255, 0.5);
    margin-block-start: 0;
}

.navigation {
    position: absolute;
    right: 100px;
    top: 40px;
    left: auto;
    color: aliceblue;
}

a {
    color: aliceblue;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: rgba(0, 204, 255, 0.5);
    
}

.margin-top {
    margin-top: 100px;
}

.width-50 {
    width: 50%;
}

.neo-logo {
    width: 100%;
    size: 5px;
}

.social img { 

width: 24px;
}

.social {
    display: flex;

}

.social img:hover { 
filter: brightness(1.3);
filter: blur(1.5);
filter: contrast(0.5);
}

.imgi {
    gap: 50px;
    top: 100px;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    gap: 50px ;
}

.section1 {
    height: 100vh;
    background-color: #0066FF;
    
}


.section1 { 
    padding-left: 100px;
    padding-right: 100px;
    margin-top: -50px;
}

.summary {
display: flex;
gap: 200px;
}


.space {
    display: flex;
    gap: 200px;
}