body,button {font-family:sans-serif;} 
a, a:link, a:visited {color: #712f26; text-decoration: none;} 
body,p,div,span,spaniel{max-width: 100%; word-wrap: break-word;} 
 
a:hover {color: lightcoral} 
a:active {color: red;} 
.copyright {text-align: center; margin-top: 10px;} 
dialog.menu {  
border-radius: 10px; align-items: center;} 
.footer {border-radius: 10px; margin-top: 7px;} 
.menu {list-style: none;} 
.menu .footer {display: flex; justify-content: space-between; align-items: center;}  
.copylink {color: #ccc;} 
  
 
.btn {
  background-color: transparent;
  border-radius: 7px; 
  padding: 5px 10px; 
  display: inline-block; 
  cursor: pointer; 
  border: 1px solid;
} 

button, input, textarea {
  border-color: transparent; 
  border-radius: 7px; 
  border: 1px solid;
  background-color: rgba(255,255,255,0.05);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Oswald", sans-serif;
} 

form {
  font-size: 125%;
  min-weight: 95%;
}
 
.btnMenu,button.Menu { 
  background-color: transparent;
  font-size: 150%;
}  
 
@media (min-width: 768px) { 
  body {margin-top: 25px; width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
  .content {border-radius: 10px; padding: 20px; margin-top: 10px;}
  .menuopen {list-style: none; display: flex;} 
} 
 
@media (max-width: 767px) {
  .content {border-radius: 10px; padding: 10px; margin-top: 2px;}
} 
 
dialog, .header { 
  background-color: rgba(255,255,255,0.05);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(10px); 
  border: none; 
  border-radius: 10px; 
  max-width: 100%; 
} 
 
.fixednbottom { position: fixed; bottom: 10px; }

.menu { max-width: 100%; } 
 
.headerStyle, .headerStyle > *, .headerStyle p, .headerStyle span, .headerStyle * { padding-top: 0; padding-bottom: 0; }

.headerStyle { position: fixed; top: 10px; margin-right: 10px; display: inline; font-size: 125%; }

.totop { position: fixed; top: 10px; margin-left: 10px; display: inline; margin-top: -10px; font-size: 125%; }