table.roundedCorners {
border : #8B0000 solid 2px;
border-radius : 13px;
}
table.roundedCorners2 {
border : #8B0000 solid 2px;
border-radius : 13px;
}
td.roundedCells {
border : #8B0000 solid 2px;
border-radius : 13px;
}
td.roundedCells2 {
border : #DDE0FC solid 2px;
border-radius : 13px;
}
.Tecla1 {
background-color: #8B0000; 
  border: #8B0000 solid 2px;
  border-radius : 13px;
  color: #FFFFFF;
  padding: 10px 30px; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-family : Verdana, Geneva, sans-serif;
  margin: 4px 2px; 
  cursor: pointer;
}

.Tecla1A {width: 65%;}

.Tecla {
background-color: #DDE0FC; 
  border: #8B0000 solid 2px;
  border-radius : 13px;
  color: #8B0000;
  padding: 10px 30px; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-family : Verdana, Geneva, sans-serif;
  margin: 4px 2px; 
  cursor: pointer;
}

.Tecla:hover {
background-color : #FFFFFF;
}
.Tecla:active {
background-color : #8B0000;
color : #FFFFFF;
}

.TeclaA {width: 65%;}

.color {
color : #FF0000;
font-family : Verdana, Geneva, sans-serif;
font-size : 20px;
}
.color1 {
color : #0000FF;
font-family : Verdana, Geneva, sans-serif;
font-size : 20px;
font-weight : bold;
}
.color2 {
color : #0000FF;
font-family : Verdana, Geneva, sans-serif;
font-size : 20px;
}
.color3 {
color : #FF0000;
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
}
.lletra {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #FF0000;
font-weight : normal;
}
.lletravermella {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #FF0000;
font-weight : bold;
}
.lletragrana {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #8B0000;
font-weight : normal;
}
.lletra5 {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #8B0000;
font-weight : normal;
font-weight : bold;
}
.lletra5grana {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #8B0000;
font-weight : normal;
font-weight : bold;
}
.lletra1 {
font-family : Verdana, Geneva, sans-serif;
font-size : 30px;
color : #8B0000;
font-weight : bold;
}
.lletrap {
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
color : #8B0000;
}
.lletrap4 {
font-family : Verdana, Geneva, sans-serif;
font-size : 22px;
color : #8B0000;
font-weight : bold;
}
.lletrap4b {
font-family : Verdana, Geneva, sans-serif;
font-size : 20px;
color : #8B0000;
font-weight : bold;
}
.lletrap4v {
font-family : Verdana, Geneva, sans-serif;
font-size : 28px;
color : #FF0000;
font-weight : bold;
}
.lletragrossa {
font-family : "Verdana", Gadget, sans-serif;
font-size : 110px;
color : #F00;
}
.lletrap2 {
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
color : #8B0000;
}
.lletraous2 {
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
color : #8B0000;
font-weight : bold;
}
.lletrap2grana {
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
color : #8B0000;
}
.lletrap3 {
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #8B0000;
font-weight : bold;
text-align : center;
}
.lletrap3grana {
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #8B0000;
font-weight : bold;
text-align : center;
}
body {
background-image : url(Clouds.jpg);
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
}
#contenedorCamera {
position : absolute;
right : 10%;
width : 80%;
text-align : center;
}
html, body {
overflow-x : hidden;
width : 100%;
height : 100%;
margin : 0;
position : absolute;
top : 0;
left : 0;
}
a:link {
text-decoration : none;
color : #8B0000;
}
a:visited {
text-decoration : none;
color : #8B0000;
}
a:hover {
text-decoration : none;
color : #8B0000;
}
a:active {
text-decoration : none;
color : #FFFFFF;
}
.lluna {

-moz-filter: drop-shadow(0 0 20px #222222);
-webkit-filter: drop-shadow(0 0 20px #222222);
 filter: drop-shadow(0 0 20px #222222);
  
}

.cropped2 {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    object-fit: cover;
    object-position: 20% 90%; /* try 20px 10px */ 
    border: 5px solid black;
}