body {
    background-image: radial-gradient(circle at 69% 86%, rgba(165, 165, 165,0.06) 0%, rgba(165, 165, 165,0.06) 25%,rgba(193, 193, 193,0.06) 25%, rgba(193, 193, 193,0.06) 50%,rgba(221, 221, 221,0.06) 50%, rgba(221, 221, 221,0.06) 75%,rgba(249, 249, 249,0.06) 75%, rgba(249, 249, 249,0.06) 100%),radial-gradient(circle at 49% 76%, rgba(129, 129, 129,0.06) 0%, rgba(129, 129, 129,0.06) 25%,rgba(164, 164, 164,0.06) 25%, rgba(164, 164, 164,0.06) 50%,rgba(200, 200, 200,0.06) 50%, rgba(200, 200, 200,0.06) 75%,rgba(235, 235, 235,0.06) 75%, rgba(235, 235, 235,0.06) 100%),radial-gradient(circle at 22% 64%, rgba(173, 173, 173,0.06) 0%, rgba(173, 173, 173,0.06) 25%,rgba(119, 119, 119,0.06) 25%, rgba(119, 119, 119,0.06) 50%,rgba(64, 64, 64,0.06) 50%, rgba(64, 64, 64,0.06) 75%,rgba(10, 10, 10,0.06) 75%, rgba(10, 10, 10,0.06) 100%),linear-gradient(307deg, rgb(255,255,255),rgb(255,255,255));
    background-attachment: fixed;
}
#menu {
    width: 100vw;
    height: 90px;
    position: relative;
}
#menu::after {
    content: '';
    width: 80%;
    height: 0px;
    border-bottom: 1px solid #1b51c0;
    position: absolute;
    bottom: 0px;
    left: 10%;
}
#menu #logo {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 10px;
}
#menu #logSpace {
    position: absolute;
    right: 10px;
}
#create-account,
#login {
    margin: 10px;
    border: 2px solid #1b51c0;
    background-color: #1b51c0;
    border-radius: 15px;
    cursor: pointer;
    padding: 10px 15px;
    transition: all ease-in-out 0.2s;
    font-size: 16px;
}
#create-account span,
#login span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
}
#login {
    background-color: #ffffff;
}
#login span,
#menu .link {
    color: #1b51c0;
}
#login:hover {
    background-color: #a7d3ff;
}
#create-account:hover {
    background-color: #0071e2;
}
#menu .link {
    padding: 10px;
    cursor: pointer;
    position: relative;
}
#menu .link::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10%;
    height: 0px;
    width: 80%;
    transform: scaleX(0);
    transition: all 0.3s ease;
    border-bottom: 1px solid #1b51c0;
}
#menu .link:hover::after {
    transform: scaleX(1);
}
#mainTitle,
#whyus {
    width: 100vw;
    height: 500px;
}
.title {
    width: 45vw;
    font-size: 38px;
    text-align: left;
    font-weight: 500;
}
.title span {
    font-style: italic;
    font-weight: 400;
}
#mainTitle img,
#whyus img {
    height: 400px;
    border-radius: 20px;
}
#points,
#arguments {
    width: 100vw;
    padding: 30px 0px;
}
#points .point {
    margin: 20px;
    border-radius: 20px;
    padding: 15px;
    width: 30%;
    height: -webkit-fill-available;
    background: #fff;
}
#points .point .img {
    width: 60px;
    height: 60px;
}
#points .point p,
#arguments .arg p {
    text-align: left;
    font-size: 16px;
    margin-top: 15px;
    color: #656565;
}
#largemockup {
    margin: 50px 0px;
    width: 100vw;
}
#whyus p {
    max-width: 45vw;
    text-align: left;
}
#arguments {
    flex-wrap: wrap;
}
#arguments .arg {
    padding: 20px;
    margin: 10px;
    max-width: fit-content;
    position: relative;
}
#arguments .arg p.title {
    max-width: 25vw;
    font-size: 25px;
}
#arguments .arg p {
    max-width: 25vw;
}
#arguments .arg::after {
    content: '';
    width: 70%;
    height: 0px;
    border-bottom: 1px solid #656565;
    position: absolute;
    bottom: -2px;
    left: 15%;
}
#letsgo {
    width: 100vw;
    height: 300px;
    background-image: radial-gradient(circle at center left, rgb(0, 46, 164),rgb(8, 121, 218));
}
#letsgo p {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    margin: 10px;
}
#letsgo p.little {
    font-size: 12px;
    color: #acacac;
    font-weight: 400;
}
#footer {
    width: 100vw;
    box-sizing: border-box;
    padding: 100px 60px;
    background-image: repeating-radial-gradient(circle at center center, rgb(31, 31, 31) 0px, rgb(31, 31, 31) 33px,rgb(26, 26, 26) 33px, rgb(26, 26, 26) 79px,rgb(20, 20, 20) 79px, rgb(20, 20, 20) 88px); background-size: 56px 56px;
}
#footer #logoFooter {
    width: 200px;
    border-radius: 10px;
}
#footer .link {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    transition: all 0.4s ease;
}
#footer .link:hover {
    color: #656565;
}
#realizedby {
    width: 100vw;
    padding: 10px 0px;
    text-align: center;
    color: #656565;
    margin: 0px;
}