<!-- start Simple Custom CSS and JS -->
<style type="text/css">

* {
    box-sizing: border-box;
}
body{
    background-color: #edeef6;
    font-family: Arial, Helvetica, sans-serif;
    display:block;
    align-items: left;
    justify-content: left;
    min-height: 100vh;
    margin: 0;
}
#open{
    background-color: #47a386;
    width:50px;
    height:50px;
    border: 4px;
    border-radius: 50%;
    border-color: #808080;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    color:#ff0000;
    font-size: 24px;
	font-weight: bold;
    padding: 10px 10px;
	text-decoration: underline;
}
.modal-container{
    display:inherit;
    background-color: rgba(0,0,0,0.3);
    align-items:right;
    justify-content:center;
    position: relative;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 15px;
    height: 4.8vh;
    width: 3.6vw;
}
.show{
    pointer-events: auto;
    opacity: 1;
}
.modal {
    background-color: #fff;
    width: 250px;
    max-width: 100%;
    padding: 30px 50px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.modal h2{
    text-decoration:underline;
}
.modal h3{
    margin: 0;
}
.modal p{
    font-size: 14px;
    opacity: 0.7;
}
#close{
  text-align: center;
  padding      : 8px;

  font         : bold italic 1em sans-serif;
  border       : 2px solid #333;
  border-radius: 15px;
  background   :#C0D8D8; 
}
#open:hover,
#open:focus {
  outline   : none;
  background:#07DF9F;
  color:#0F1515;
}
.tabla{
    background-image:url("http://deutschkurs.pro/wp-content/uploads/2026/01/fondo-texto-9.png");
	height:auto;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
    border-radius: 40px;
}
.campo_txt{
    font-size: 14px;
	align-items: center;
	text-align:left;
	text-shadow: #F8F2F2;
	}

.form-group.form-group2.form-group3.form-group5.form-group5.form-group6.form-group7.form-group8.form-group9.form-group10{
	text-align: left;
	font-weight: bold;
}

.texto{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	text-align: left; 
}
#btn_comprobar{
  text-align: center;
  padding      : 8px;
  font         : bold italic 1em sans-serif;
  border       : 2px solid #00b6FF;
  border-radius: 15px;
  background-color: #2563eb;
  color: black;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.05s ease;
}
#btn_comprobar:after {
  content: " >>>";
}
#btn_comprobar:hover,
#btn_comprobar:focus {
  outline   : none;
  background-color: #1d4ed8;
  color: cian;
  transform: scale(1.1);
}
#continueBtn{
  text-decoration: none;
  text-align: center;
  padding      : 8px;
  font         : bold italic 1em sans-serif;
  border       : 2px solid #333;
  border-radius: 15px;
  background   :#C0D8D8;
  }
  #continueBtn:hover{
  text-decoration: none;
  outline   : none;
  background:#07DF9F;
  color:#0F1515;
  }
.h3txt{
  text-decoration:underline;
}

</style>
<!-- end Simple Custom CSS and JS -->
