* {
    box-sizing: border-box;
}
body{
    background-color:rgb(7, 36, 53);
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
h1 {
    /* font-family: Oswald, sans-serif;*/
    /* text-transform: uppercase; */
}

h6 {
}
*, *:before, *:after {
    box-sizing: inherit;
}

div {
    display: block;
    unicode-bidi: isolate;
}

.site-footer {
    padding-top: 10px;
    text-align: center;
    top: 0; right: 0; bottom: 0; left: 0;
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
    color: aliceblue;

}

.mail-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    top: 0; right: 0; bottom: 0; left: 0;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: 1px;
    color: aliceblue;

}

@media screen and (min-width: 20em) {
    .site-title {



        line-height: 1.1;
        font-weight: 400;
        text-align: center;
        top: 0; right: 0; bottom: 0; left: 0;
        margin: 0 auto;
        font-size: 146px;
        letter-spacing: -4px;
        color: aliceblue;

    }
    .site-subtitle {
        line-height: 1.3;
        font-weight: 222;
        text-align: center;
        top: 0; right: 0; bottom: 0; left: 0;
        padding-bottom: 10px;
        margin: 0 auto;
        font-size:27px;
        letter-spacing: -1px;
        color: aliceblue;

    }
    .site-in-dev {
        padding-top: 10px;
        text-align: center;
        top: 0; right: 0; bottom: 0; left: 0;
        margin: 0 auto;
        font-size: 20px;
        letter-spacing: 1px;
        /*    color: aliceblue;

                font-family: Oswald, sans-serif;
                line-height: 1.2;
                font-weight: 102;
                text-align: center;
                top: 0; right: 0; bottom: 0; left: 0;
                margin: 0 auto;
                font-size: 15px;
               letter-spacing: -1px;
        */

        color: rgb(105, 158, 201);
    }
}
@media only screen and (min-width: 40.063em) {
    .site {
        max-width: 1080px;
        margin: 0 auto;
    }
}

.navigation-wrapper {

    /* Absolute centering: */
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    margin: auto;

    /* It needs a height and a width: */
    height: 600px;
    width: 900px;
}

img.rounded-corners {
    border-radius: 20px;
}

.wrapper {
    height: 600px;
    display: flex;
    gap: 20px;
}


.box img {

    width: 86%;
    display: flex;
    margin: auto;
    object-fit: contain;

}
.header{
    width: 86%;
    margin: auto;
}

.box2 img {

}

a {
    text-decoration: none;
}

#f_image{
    background-image: url('images/ethereum.jpg');
    background-repeat: no-repeat;
    background-size: contain;


}