styles.css

body{

    background-color: rgb(11, 0, 31);
    font-family: "Bebas Neue", sans-serif;
}
h1{
    
    text-align: center;
    text-shadow: 2px 2px 2px black;
    color: rgb(239, 235, 255);
    margin-top: 10%;
    font-size: 55px;
    font-weight: bold;
    
    

}
.cube1{
    border: 5px double rgb(87, 33, 187);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.288);
    color: rgb(90, 69, 196);
    text-shadow: 2px 2px 2px black;

    

}
.cube2{
    border: 5px double rgb(87, 33, 187);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.288);
    color: rgb(90, 69, 196);
    text-shadow: 2px 2px 2px black;
    margin-left: 20%;
    margin-right: 20%;
}
.importante{
    color: rgb(103, 128, 254);
    text-shadow: 1px 1px 1px rgb(103, 128, 254);
}
.botonInv{
    color: rgb(255, 255, 255);
    background-color: rgba(68, 47, 125, 0.53);
    background-image: url(assets/degradado.png);
    border: 5px double rgb(87, 33, 187);
    width: 180px;
    height: 50px;
}
.guiwoicon{
    background-color: rgb(0, 0, 0);
    
}
.naveg{
    background-color: rgba(0, 0, 0, 0.555);
    text-align: center;
    color: aliceblue;
    font-size: 30px;
    margin-top: 2%;
    margin-left: 4%;
    margin-right: 4%;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    /*
    border: 5px double rgb(71, 28, 149);
    */
}
.importante2{
    color: #8ea1ff;
    font-size: 45px;
    
}
.importante3{
    color: #6982fc;

    
}