* {
    margin: 2px;
    padding: 1px;
}

header {
    color: #586565;
    text-align: left; 
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
 }

h1 {
    font-size: 18px;
    letter-spacing: 1.1px;
    color: #586565;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 30px 200px 5px 200px;
}

p {
    top: 50%;
    left: 50%;
    color: #39403E;
    text-align: center;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 5px 200px 5px 200px;
}

.wise-iframe-wrapper {
    position: relative;
    padding-bottom: 56.10%;
    height: 0;
    overflow: hidden;
    margin: 20px 12px;
}
 
.wise-iframe-wrapper iframe,
.wise-iframe-wrapper object,
.wise-iframe-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.column {
  flex-basis: calc(30% - 10px); 
  margin: 8px;
  text-align: center;
}

img {
  max-width: 100%;
  height: 100%;
}

.caption {
    font-size: 14px;
    margin-top: 5px;
    color: #39403E;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
}

@-webkit-keyframes pulse {
      0% {background-color: #65f2ed;}
     20% {background-color: #3a3726;}
     40% {background-color: #c4effc;}
     60% {background-color: #17171b;}
     80% {background-color: #90b5ac;}
    80% {background-color: #aaf845;}
}

body {
     background-color: #65f2ed;    
     -webkit-animation: pulse 180s infinite alternate;
}