@font-face {
    font-family:'EB Garamond';
    src: url(fonts/EBGaramond-VariableFont_wght.ttf);
  }

body{font-family: 'EB Garamond', serif;}

#circ-1,#circ-2,#circ-3,#logo-app,#logo-web,#logo-code{opacity: 0;}
.top30{margin-top: 27vh;}
.wtt{width:25%;max-width: 200px;;}
.subTitle{color: gray;font-size: 70%;}

.errorCode{font-size: 6rem;font-weight: 300;}
.errorTitle{font-weight: 300;}
.errorMsg{font-size: 1.5rem;}

.ftr{position: fixed;bottom:0px;text-align: center;width: 100%;font-size: 70%;padding-bottom: 10px;}
#lg-container{width:50vw;max-width: 400px;top: 200px;opacity:0;}
#wtt{z-index:1;opacity: 0;}
#footer{
  padding-top:27px;
  z-index:10;
  background: rgb(254,254,254);
  background: linear-gradient(180deg, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08917197452229297) 6%, rgba(254,254,254,1) 50%);
}


.comfortaa{font-family: 'Comfortaa', Arial, Helvetica, sans-serif;}
.thin{font-weight: 300;}
.bold{font-weight: 500;}
.circText{line-height: 1.8rem;font-size: 1.1rem;padding:14px;}


@media (max-width: 480px) {
  .circText{line-height: 2rem;padding:22px;}
}

@media (max-width: 640px) {
  .circText{line-height: 2rem;padding:22px;}
  #circ-1 svg,#circ-2 svg,#circ-3 svg{max-width: 70%;}
}