*,
*::before,
*::after {
  padding-left:0px;
  margin: 20;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


body {
  background-size: cover;
  background-color: #021F89;
  padding:50px;
  color: #0393A3;
  text-align: left;
  font-family: 'Kivalliq', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.95;
  word-spacing: -0.35px;
  letter-spacing: -0.15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


a,a:hover,a:focus,i,input,button,input:focus,.transition {text-decoration: none;outline: none;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;box-shadow: none;}

h1 {
  /* font-variant-caps: all-small-caps; */
  color: #03399C;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  padding: 0;
}

h2 {
  color: #0393A3;
  font-family: "Orbit", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  margin: 0;
  padding: 0;
}


.highlight {
   background-color: #A7D9D4;    
}


.highlight_up {
  background-image: linear-gradient(120deg, #FC4F93 0%, #FC4F93 100%);
  background-repeat: no-repeat;
  background-size: 100% 0%;
  background-position: 0 100%;
  transition: 0.15s ease-in;
}


.highlight_up:hover{
  background-size: 100% 100%;
}

.highlight-under {
    text-decoration: none;
    display: inline;
    color: #0393A3;}
    box-shadow: inset 0 -17.5px 0 #fff;
}