h1{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 100px;
    text-align: center;
    font-weight: lighter;
    letter-spacing: 3px;
}

h2{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 200%;
    text-align: center;
    font-weight: lighter;
    letter-spacing: 3px;
}

h3{
    font-family: 'Courier New', Courier, monospace;
    font-size:large;
}

p{
    color: black;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 18px;
    text-align: justify;
}

body{
    background-image: url("/recurso/cuarzo6.jpg");
    margin: 0;
    padding:1%;
    border-style:groove;
    background-size:12%;
}

#header{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#container{
    position:relative;
}

#content{
    padding-bottom:3em;
    margin-right:12%;
    margin-left:12%;
    /*border-color:blue;
    border-style:double;*/
    padding-top:2%;
}

#menu_top{
    position: relative;
    top:0;
    left:0;
    width:100%;
    max-height:110px;
    border-color:red;
    overflow:hidden;
    border-style:double;
    background-image: url("/recurso/cuarzo6.jpg");
    background-size: 7%;
}

#menu_top ul{
    text-align:center;
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex;
    align-content:center;
    justify-content: center;
}

#menu_top li{
    display:inline;
    padding-top: 0;
    padding-bottom: 0;
    padding-left:0.25em;
    padding-right: 0.25em;
}

#menu_top li a:link, #menu_top li a:visited{
    padding:0 0.5em;
    border:1px solid #FF0000;
    background: #ff6969;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

#menu_top li a:hover, #menu_top li a:active {
background: blue;
border-color: blue;
}

#footer{
    padding-bottom:3em;
    margin-left:150px;
    margin-right:100px;
}

.rojo{
    -webkit-text-stroke: 0.25px;
    -webkit-text-stroke-color: red;
}
.amarillo{
    -webkit-text-stroke: 0.25px;
    -webkit-text-stroke-color: yellow;
}
.verde{
    -webkit-text-stroke: 0.25px;
    -webkit-text-stroke-color: #0f0;
}
.azul{
    -webkit-text-stroke: 0.25px;
    -webkit-text-stroke-color: blue;
}


    /*
    background-image: conic-gradient( #FF0000, #ffff00, #00ff00, #0000ff, #aa0099);
    .shiny{
    color:yellow;
}
#id_unico{
    size-adjust: 3;
}

    font-weight:lighter;

.colores{
    color: transparent;
    -webkit-text-stroke: 0.25px;
    -webkit-text-stroke-color: transparent;
    background: linear-gradient(45deg, #f00,#ff0,#0f0,#00f);
    -webkit-background-clip: text;
    background-clip: text;
    display: inline
}

#menu_right{
    position:absolute;
    top:0;
    right:0;
    width:100px;
    border-color:rgb(206, 206, 24);
    border-style:double;
}

        <!--Columna final-->
        <div id="menu_right">
            <a><button>Zaz! #1</button></a>
            <a><button>Zaz! #2</button></a>
        </div>
.comment-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
    border-style: double;
}

form input, form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border-style:groove;
    border-color: darkgoldenrod;
    border-radius: 4px;
    box-sizing: border-box;
}
form button {
    background-color: rgb(196, 27, 27);
    color: black;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
}
form button:hover {
    background-color: #00ffff;
    color:white;
}

.comment-card {
    background: #f9f9f9;
    padding: 12px;
    margin-top: 15px;
    border-left: 4px solid rgb(196, 27, 27);
    border-radius: 4px;
}
.comment-card strong {
    display: block;
    color: #333;
}
.comment-card small {
    color: #888;
}
    */