body{
    background-color: #22303c;
    display: flex;
    flex-direction: column;
}

.logo_header{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.header h1{
    justify-content: center;
    color: whitesmoke;
    align-items: center;
    margin-top: 50px;
    /* border: 5px solid whitesmoke; */
    border-radius: 60px;
background: #22303c;
box-shadow: inset 32px 32px 76px #18222a,
            inset -32px -32px 76px #2c3e4e;
    padding: 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;


}


.id1{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    
    flex-direction: column;
    background-color: #22303c;
    margin-top: 50px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    

}

.id1 input{
    width: 500px;
    padding: 10px;
    border-radius: 10px;
    background-color: whitesmoke;
    color: #311B20;
    cursor: pointer;
    border-radius: 58px;
    background: #22303c;
    box-shadow: inset 20px 20px 36px #1c2731,
            inset -20px -20px 36px #283947;
    border: none;
    color: whitesmoke;

    

}

.id1 button{
    color: white;
    border-radius: 58px;
    background: #22303c;
    box-shadow:  20px 20px 36px #1b252f,
                 -20px -20px 36px #293b49;
    
    height: 50px;
    width: 150px;
    cursor: pointer;
    margin-left: 50px;
    border: none;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.airdrop{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.airdrop h3{
    color: whitesmoke;
    justify-content: center;
    align-items: center;
}

/* 
.id1 p{
    color: whitesmoke;
} */