Menús Y Más Para Blogger

     list-style: none;

    margin-left: -30px;

}

.menu ul ul {

    display: none;

}

.menu a {

    margin-left: 10px;

    display: block;

    padding: 10px 17.7px;

    color: white;

    text-decoration: none;

    margin-top: 10px;

}

.menu a span {

    margin-left: 68%;

}

.menu a:hover {

    color: white;

    background: -webkit-linear-gradient(red, black);

}

.rs a{

    padding: 3px 7px;

    margin-left: 15px;

    font-size: 28px;

    color: white;

    border-radius: 9px;

    transition: all 0.5s ease-in;

}

.rs a:hover{

    color: white;

    background: -webkit-linear-gradient(red, black);

    transform: rotate(-9deg);

    transition: all 0.1s ease-in;

}

.submenu ul{

    margin-top: -10px;

    margin-left: -40px;

}

.submenu ul a:hover {

    background: -webkit-linear-gradient(violet, blue);

}

h1 {

    width: auto;

    padding: 19px;

    font-size: 25px;

    text-decoration: none;

    background: -webkit-linear-gradient(red, black);

    color: white;

}

@media(max-width: 780px){  

label {

    margin: 3px;

    margin-left: 85%;

}

.menu a{

    margin-left: 0px;

}

.rs a{

    padding: 5px 9px;

    font-size: 30px;

}

.menu{

    margin-top: -8px;

    width: 70%;

    height: 100vh;