h1{
    font-family:Comfortaa;
}

p{
  font-family:Comfortaa;
  margin-top: 15px;
}
a{
  font-family:Comfortaa;
}

pre{
  font-family:Comfortaa;
}

blockquote{
  font-family:Comfortaa;
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(128, 0, 255);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(128, 0, 255);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(128, 0, 255);
  background-color: transparent;
  text-decoration: underline;
}

button{
  background-color:  #ff7675;
  color:#2d3436;
  padding: 5px;
  border:2px #d63031 solid;
  border-radius: 2px;
}
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}
table{
  font-family:Comfortaa;
}
th, td, table {
  border: 1px solid black;
  border-radius: 10px;
  text-align: center;
  padding: 6px;
  margin: 4px;
  border-style: dotted;
}
* {
  font-family: Arial;
  margin: 0;
  padding: 0;
}
html {
  background-color: #7e7e7e;
}
a {
  text-decoration: none;
  color: black;
}
header {
  background-color: #ffffff;
  width: 100%;
  display: inline-block;
}
.menu {
  float: right;
}
.menu li {
  display: inline-block;
  text-decoration: none;
  
}
.menu li a {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 300;
  padding: 27px 18px;
  display: inline-block;
}

.menu li a:hover {
  background-color: #e6e4e4;
  border-radius: 24px;
  border-collapse:separate ;
  border-style:inherit;
  text-decoration: dotted;
  --_i: 100%;
  color: #CC333F;
  transition: .3s, -webkit-mask-size .3s .3s;
  
 
}
.kutu {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.logo {
  font-size: 24px;
  font-weight: 600;
  color: white;
  padding: 4px 20px;
  display: inline-block;
}
.logo:hover {
  background-color: #ffffff;
}

h1 {
  text-align: center;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 30px;
}
h2 {
  margin-top: 15px;
}

.foto {
  float: left;
  margin: 0px 15px 15px 0;
  padding: 5px;
  background: #f7f5ed;
  border: 1px solid #cccabc;
  border-radius: 2px;
  width: calc(100% - 15px);
  max-width: 400px;
}
footer {
  width: 100%;
  display: inline-block;
}
footer .menu {
  float: none;
  text-align: center;
  margin-top: 10px;
}
footer .menu li a {
  padding: 6px;
  margin: 6px;
}
footer .menu li a:hover {
  background-color: #4e4e4e;
  border-radius: 23px;
  text-decoration: dotted;
}
.copyright {
  font-size: 14px;
  color: #c5def4;
  text-align:center;
  margin: 5px 0;
}

div .poste {
  text-align: center;
  align-items: center;
}

.poste1 {
  text-align: center;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: #fff;
}
.poste4 {
  text-align: center;
  align-items: center;
  color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: auto;

  
}

.poste3 {
  float: left;
  margin: 0px 15px 15px 0;
  padding: 5px;
  background: #f7f5ed; 
  width: calc(100% - 15px);
  max-width: 250px;

 
}

.poste {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.poste2{
  text-align: center;
  align-items: center;
  color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  font-family: Comfortaa;
  
}

.poste5{
  text-align: center;
  align-items: center;
  color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  font-family: Comfortaa;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:transparent; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color:transparent; /* Add a dark-grey background on hover */
}
.poste8 {
  float: right;
  margin: 0px 15px 15px 0;
  padding: 5px;
  background: #f7f5ed; 
  width: calc(100% - 15px);
  max-width: 250px;
}

.poste32 {
  float: left;
  margin: 0px 15px 15px 0;
  padding: 5px;
  background: #f7f5ed; 
  width: calc(100% - 15px);
  max-width: 250px;
}