.syncopate-regular {
  font-family: "Syncopate", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.syncopate-bold {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-style: normal;
}

body {
padding: 20px;
font-family: "Syncopate", sans-serif;
background: rgb(8,20,150);
background: linear-gradient(90deg, rgba(8,20,150,1) 0%, rgba(8,20,150,1) 13%, rgba(32,222,252,1) 30%, rgba(222,66,201,1) 45%, rgba(27,209,193,1) 60%, rgba(8,20,150,1) 87%, rgba(8,20,150,1) 100%);
}

table.roundedCorners { 
  border: 1px solid #2C2C2C;
  border-radius: 13px; 
  border-spacing: 0;
  }

table.roundedCorners td, 
table.roundedCorners th { 
  border-bottom: 1px solid #2C2C2C;
  padding: 10px; 
  }

table.roundedCorners tr:last-child > td {
  border-bottom: none;
}

h1 {
  font-size: 40px;
  color: #FFFFFF;
}

h2 {
  font-size: 30px;
  color: #FFFFFF;
  text-align: center;
}

p {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}

.image-cropper {
  width: 80px;
  height: 80px;
  position: center;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

img {
  //display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

.alnright {
  text-align: right;
}

a:link {
  color: white;
  text-decoration: none;	
}

a:visited {
  color: white;
  text-decoration: none;	
}

a:hover {
  color: white;
  text-decoration: none;
  opacity: 0.9;	
}

a:active {
  color: white;
  text-decoration: none;	
}