body {
  background-color: #254E58 !important;
  font: Helvetica, sans-serif !important;
  color: #47423A !important;
  font-size: 110%;
  line-height: 30px; }

.melist {
  text-align: left;
  margin-left: 30px;
  margin-top: 15px; }

header {
  font-size: 140%; }

header, footer {
  font: Helvetica, sans-serif;
  background-color: #D9B595;
  color: #47423A;
  padding: 10px;
  margin: 10px;
  border-radius: 5px; }

main {
  font: Helvetica, sans-serif;
  background-color: #88BDBC;
  color: #47423A;
  padding: 10px;
  margin: 10px;
  border-radius: 5px; }

.nav-link {
  color: #47423A; }

/* unvisited link */
a:link {
  color: #47423A; }

a:visited {
  color: #47423A; }

a:hover {
  color: #418c9e; }

/* selected link */
a:active {
  color: #47423A; }

#agata {
  max-width: 70%;
  height: auto;
  border-radius: 50%;
  padding-left: 15px;
  margin-left: 10px;
  margin-top: 20px; }

.thumb {
  max-width: 100%;
  height: auto;
  border-radius: 5%;
  padding: 10px;
  transition: 0.3s ease; }

#thumb:hover {
  opacity: 0.5; }

h1 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-weight: bold; }

description {
  margin-top: 10px; }

section {
  margin-bottom: 50px; }

#toolsrow1 {
  margin-top: 40px;
  margin-bottom: 30px; }

.btn {
  background-color: #D9B595;
  border: none;
  padding: 15px 30px;
  text-decoration: none;
  display: block;
  transition-duration: 0.4s;
  font-weight: bold;
  margin: 0 auto; }

.btn:hover {
  background-color: #418c9e;
  opacity: 0.5; }

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  background-color: #47423A;
  color: #D9B595;
  cursor: pointer;
  padding: 15px 30px;
  border-radius: 10px;
  font-weight: bold;
  transition-duration: 0.4s; }

#topBtn:hover {
  background-color: #418c9e;
  opacity: 0.9; }

/*# sourceMappingURL=style.css.map */