#titlestyle {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 45px;
    color: white;
    margin-top: -8px;
    margin-left: -8px;
    width: auto;
    margin-right: -8px;
    text-align: center;
}

#demo1 {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px black solid;
    width: 110px;
    text-align: center;
    box-shadow: 0 0 2px gray;
    background-color: white;
}

#demo2 {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px rgb(255, 0, 0) solid;
    width: 110px;
    text-align: center;
    box-shadow: 0 0 2px gray;
    background-color: white;
}

#demo3 {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px rgb(25, 0, 255) solid;
    width: 110px;
    text-align: center;
    box-shadow: 0 0 2px gray;
    background-color: white;
}

#BackgroundColor {
    background-color: rgba(18, 28, 116, 0.445);
    border-radius: 20px;
    padding: 20px;
}

#colorVERDE {
    font-family: monospace;
    font-size: 50px;
    transition: 0.5s;
    background-color: rgb(205, 255, 221);
    width: 140px;
    border-radius: 9px;
}

#scale {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: yellow;
    background-color: orange;
    width: 110px;
    border-radius: 5px;
    transition: 1s;
}

#ButtonStyle {
    background-color: white;
    font-family: "Raleway", sans-serif;
    cursor: pointer;
    box-shadow: 0 0 5px rgb(209, 209, 209) inset;
    border: 1px solid rgb(56, 56, 56);
    border-radius: 5px;
    width: 95px;
    height: 40px;
    font-size: 19px;
    outline: 0px white;
    transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, background-color 0.05s;
    border-bottom: 2.5px solid rgb(44, 44, 44);
    background-image: linear-gradient(to top, rgba(133, 133, 133, 0.603), rgba(255, 255, 255, 0));
}

#ButtonStyle:hover {
    background-color: rgb(70, 104, 104);
    border: 1px solid rgb(149, 255, 244);
    border-bottom: 2.5px solid rgb(109, 243, 255);
    color: rgb(174, 246, 255);
    outline: 6.9px double rgba(55, 87, 100, 0.226);
}

#ButtonStyle:active {
    outline: 12.5px double rgba(144, 223, 255, 0.226);
    background-color: rgb(131, 190, 190);
}

#ButtonStyleMini {
    background-color: white;
    font-family: "Raleway", sans-serif;
    cursor: pointer;
    box-shadow: 0 0 5px rgb(209, 209, 209) inset;
    border: 1px solid rgb(56, 56, 56);
    border-radius: 8px;
    width: 65px;
    height: 20px;
    font-size: 15px;
    transition: 0.1s;
}

#ButtonStyleMini:hover {
    background-color: rgb(164, 255, 255);
    border: 1px solid rgb(211, 211, 211);
    border-radius: 15px;
}

#Mover {
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: brown;
    width: 160px;
    text-align: center;
    border-radius: 12px;
    width: 90px;
    height: 90px;
    border: 5px solid rgb(255, 124, 124);
    transition: 0.2s;
    position: relative;
}

#Mover2 {
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: rgb(42, 165, 63);
    width: 160px;
    text-align: center;
    border-radius: 12px;
    width: 90px;
    height: 90px;
    border: 5px solid rgb(124, 255, 130);
    transition: 0.2s;
    position: relative;
    margin-left: 200px;
}

#Rotacion {
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: rgb(157, 165, 42);
    width: 160px;
    text-align: center;
    border-radius: 12px;
    width: 90px;
    height: 90px;
    border: 5px solid rgb(246, 255, 124);
    transition: 0.2s;
    position: relative;
}