body{
    margin: 0px;
}
.home{
    width: 30px;
    height: 30px;
    border: 1px solid black;
}
.o{
    background-color: rgb(0,0,255);
    color: white;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 800;
    text-align: right;
    transition: 0.5s;
    padding: 20px;
}
button{

    height: 30px;
}
#name{
    font-size: 50px;
}
@media only screen and (max-width:780px)
{
    .home{
        width: 25px;
        height: 25px;
    }
}
@media only screen and (max-width:680px)
{
    .home{
        width: 20px;
        height: 20px;
    }
}
@media only screen and (max-width:580px)
{
    .home{
        width: 10px;
        height: 10px;
    }
    #d{
        flex-direction: column;
    }
    .t{
        display: flex;
        flex-direction: row;
    }
}
@media only screen and (max-width:900px)
{
    #name{
        font-size: 30px;
    }
}
@media only screen and (max-width:400px)
{
    #d{
        position: fixed;
        top: 300px;
    }
    #h{
        height: 320px;
    }
}