/* COLORS & SIZING ------------------------------------------------ */

:root {
    --bg: #000000;
    --txt: #ffffff;
    --link: #0000ff;
    --hoverlink: #0051ff;
    --root-rem: 10px;
    --main-margin: 1rem;
    --font-big:2rem;
    --font-small:1.4rem;
    --opacity-img:0.1;
    --opacity-txt:0.4;
}

html{
    font-size: 10px;
}
  
  
/* FONTS ------------------------------------------------ */
  
@font-face {
    font-family:'Favorit';
    font-style: normal;
    font-weight: 400;
    src: local('Favorit'), url('fonts/favorit-regular.otf') format('opentype');
}
    
@font-face {
    font-family:'Favorit';
    font-style: normal;
    font-weight: 600;
    src: local('Favorit'), url('fonts/favorit-bold.otf') format('opentype');
}

h1,h2,h3,button,.inline-button{
    color:var(--txt);
    font-family: 'Favorit';
    font-size: var(--font-big);
    font-weight: 500;
    margin:0;
}

a{
    transition-duration: 150ms;
}

a:hover{
    color:var(--hoverlink);
}

h4,span,p,li,a{
    text-decoration: none;
    color:var(--txt);
    font-family: 'Favorit';
    font-size: var(--font-small);
    font-weight: 400;
    line-height: 1.8rem;
    margin:0;
}

/* OVERALL LAYOUT ------------------------------------------------ */

body{
    background: var(--bg);
    margin:0;
}

div{
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}