@import url('https://fonts.googleapis.com/css?family=Space+Mono');

html, body{
    --color: #22292f;
    color: var(--color);
}

.alert{
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100% - 2rem));
    position: fixed;
    top: 0;
    padding: 5px 15px;
    transition: all .4s ease-in-out;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 #e3342f;
    max-width: 45ch;
}
.alert.on{
    transform: translateX(-50%) translateY(1rem);
}

.brand {
    width: 300px;
    height: auto
}

header {
    height: 100px;
    border-bottom: 1px solid black;
}

header img {
    padding:15px 0;
    max-width: 300px;
}

body {
    font-family: 'IBM Plex Serif', serif;
    font-size: 26px;
    font-weight: 300;
    position: relative;
    height: 100vh;
    line-height: 1.42;
}

h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 33px;
    font-family: space mono, Helvetica, sans-serif;
}

.font-normal{
    font-family: 'IBM Plex Serif', serif;
}

.font-title{
    font-family: space mono, Helvetica, sans-serif;
}
h3 {
    margin-top:3px;
    font-size: 23px;
    margin-bottom: 7px;
}


.link-button {
    /*color: #db0e15;*/
}

.not-avai{
    text-decoration: line-through;
    cursor: default;
}

.gdpr {
    overflow: scroll;
    text-align: left;
}

.gdpr p {
    font-size: 17px;
}

.btn {
  border: 6px solid var(--color);
  padding: 10px 40px;
  width: auto;
  margin-right: 15px;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  text-transform: uppercase;
  background-color: #e0e0e0;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(135,135,135,1);
  -moz-box-shadow: 0px 5px 0px 0px rgba(135,135,135,1);
  box-shadow: 0px 5px 0px 0px rgba(135,135,135,1);
}

.row {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.row-double {
  padding-bottom: 0;
  clear:both;
}

.row-double h1 {
  margin-bottom: 0;
}

.row-double span {
  text-align: left;
  font-size: 23px;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.headtxt {
  text-align: left;
  font-size: 60px;
  height: 60px;
  margin-bottom: 30px;
  display: inline-block;
  
}

.typed-cursor {
  height: 60px;
  margin-left: 10px;
  display: inline-block;
  font-size: 60px;
}

textarea{
    padding: .5rem 5px;
}

a{
    color: inherit;
}



.slide-down{
    animation: slide-down .3s 1 ease-in-out forwards;
}

@keyframes slide-down{
    from{max-height: 0px; opacity: 0;}
    to{ max-height: 1100px;opacity: 1;}
}