@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

#navbar{

    font-family: "Exo 2" , sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    margin-top: 1%;
    margin-left: 1%;
    color:#fff;
    word-spacing: 3px;
}

p {

    font-size:20px;
    color:white;
    position: relative;
    top: -42px;
    left: 100px;

    }
    
    body {
    background-color: blue;
    
    }

    img {
        position:relative;
        top: -30px;
        left: 10px;
        height: 42px;
        width: 42px;

    }

    .btc {
        position: relative;
        top: 6px;
        left: 58px;
        font-size:20px;
        color: white;
    }
    .algo {
        position: relative;
        top: 3px;
        left: 2px;
        font-size:10px;
        color: white;
    }

    .btcminers {
        position: relative;
        font-size: 14px;
        top: -30px;
        left: 10px;
        color: white;

    }

    .btchash {
        position: relative;
        font-size: 14px;
        top: -47px;
        left: 10px;
        color: white;

    }

    .btctotal {
        position: relative;
        font-size: 14px;
        top: -64px;
        left: 10px;
        color: white;
    }

    .btcdifficulty {
        position: relative;
        font-size: 14px;
        top: -81px;
        left: 10px;
        color: white;
    }

    .btcfound {
        position: relative;
        font-size: 14px;
        top: -99px;
        left: 10px;
        color: white;
    }

    .btcfee {
        position: relative;
        font-size: 14px;
        top: -117px;
        left: 10px;
        color: white;
        
    }

    .poolminers {
    position: relative;
    top: -16px;
    left: 85px;
    font-size: 14px;
    color: white;
    }

    .poolhashrate {
        position: relative;
        top: -16px;
        left: 95px;
        font-size: 14px;
        color: white;
    }

    .networkhashrate{
        position: relative;
        top: -16px;
        left: 122px;
        font-size: 14px;
        color: white;


    }

    .networkdifficulty {
        position: relative;
        top: -16px;
        left: 122px;
        font-size: 14px;
        color: white;
    }

    .poolblocks {
        position: relative;
        top: -16.5px;
        left: 124px;
        font-size: 14px;
        color: white;

    }

    .poolfeepercent {
        position: relative;
        top: -16px;
        left: 55px;
        font-size: 14px;
        color: white;
    }

    .info2 {
        position: relative;
        top: -16px;
        left: 87px;
        font-size: 14px;
        color: white;
    }

    .grid1 {
        display: flex;
        margin: 40px;
        /*grid-template-rows: repeat(2);*/
        gap: 20px;
        /*grid-auto-rows: minmax(10px, auto);*/
        /*margin-left: 350px;*/
        justify-content: center;
        justify-items: start;
        align-items: space-evenly;
        
    }
    
    .grid2 {
        display: flex;
        margin: 40px;
        /*grid-template-rows: repeat(2);*/
        gap: 20px;
        /*grid-auto-rows: minmax(10px, auto);*/
        /*margin-left: 350px;*/
        justify-content: center;
        justify-items: start;
        align-items: space-evenly;
        
    }

    .grid3 {
        display: flex;
        margin: 40px;
        /*grid-template-rows: repeat(2);*/
        gap: 20px;
        /*grid-auto-rows: minmax(10px, auto);*/
        /*margin-left: 350px;*/
        justify-content: center;
        justify-items: start;
        align-items: space-evenly;
        
    }


    .box1 {
    font-family: "Exo 2" , sans-serif;
    /*grid-column: 1 / 3;*/
    /*grid-row: 1 ;*/
    border: .5px solid;
    border-color: white;
    border-radius: 0.5em;
    width: 250px;
    height: 165px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }
    
    .box2 {
    /*grid-column: 2 / 3;*/
    /*grid-row: 1 ;*/
    border: .5px solid;
    border-color:white;
    border-radius: 0.5em;
    width: 250px;
    height: 165px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    /*background-color: green;*/
    }
    
    .box3 {
    /*grid-column: 3 / 4;*/
    /*grid-row: 1 ;*/ 
    border: .5px solid;
    border-radius: 0.5em;
    border-color:white;
    width: 250px;
    height: 165px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    /*background-color: yellow;*/
    
    }

    .box4 {
        /*grid-column: 4 / 4;*/
        /*grid-row: 1 ;*/
        border: .5px solid;
        border-color:white;
        border-radius: 0.5em;
        width: 250px;
        height: 165px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
       /* background-color: black;*/
        
        }

        .box5 {
            /*grid-column: 4 / 4;*/
            /*grid-row: 1 ;*/
            border: .5px solid;
            border-color:white;
            border-radius: 0.5em;
            width: 250px;
            height: 165px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
           /* background-color: black;*/
            
            }


            .box6 {
                /*grid-column: 4 / 4;*/
                /*grid-row: 1 ;*/
                border: .5px solid;
                border-color:white;
                border-radius: 0.5em;
                width: 250px;
                height: 165px;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
               /* background-color: black;*/
                
                }