@import url("navigation-button.css");

:root{
    --primary-color: #00949A;
}

@font-face {
    font-family: FuturaBold;
    src: url('/assets/fonts/Futura/FuturaPTBold.otf');
}
@font-face {
    font-family: FuturaMedium;
    src: url('/assets/fonts/Futura/FuturaPTMedium.otf');
}
@font-face {
    font-family: FuturaDemi;
    src: url('/assets/fonts/Futura/FuturaPTDemi.otf');
}
@font-face {
    font-family: FuturaLight;
    src: url('/assets/fonts/Futura/FuturaPTLight.otf');
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a, a:visited{
    text-decoration: none;
    color: black;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'FuturaDemi';
}

html,body{
    margin: 0;
    height: 100%;
}

body{
    background-image: url("./assets/bg-pattern.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFF;
}

.header{
    margin: 1rem;
}
.logo{
    height: 3rem;
    width: auto;
    /*filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));*/
}
.navigation-button{
    animation: pulse-animation 1.3s ease-out infinite;
}