@font-face {  
    font-family: 'JetBrains Mono';  
    src: url('fonts/JetBrainsMono.ttf')
    format('truetype');  
    font-weight: normal;  
    font-style: normal;  
    font-display: swap;  
}  
@font-face {  
    font-family: 'JetBrains Mono';  
    src: url('fonts/JetBrainsMono-italic.ttf')
    format('truetype');
    font-weight: normal;  
    font-style: italic;  
    font-display: swap;  
}  
@font-face {  
    font-family: 'JetBrains Mono';  
    src: url('fonts/JetBrains-Mono-Bold.ttf')
    format('truetype');  
    font-weight: bold;  
    font-style: normal;  
    font-display: swap;  
}

body{  
    font-family: 'JetBrains Mono', sans-serif;  
    background-image: url("img/backgroundtile.png");  
    color: azure;  
}  
  
#header, #footer{
  text-align: center;
}

#tree-container{
  max-width: 20rem;
  display: flex;
  margin: auto auto;
}

#star{
  display: inline-block;
  position: relative;
  margin: 0 -12.2rem;
  font-size: 5rem;
  z-index: 5;
  padding-top: 19px;

}

#tree{
  width: 20rem;
  display: inline;
  margin: 4rem 0 0 0;
  z-index: 0;
}

#decorations{
  display: inline-block;
}

.ornament{
  height: 2rem;
  position: relative;
  display: inline-block;
  margin-top: 10rem;
  margin-left: 10rem;
  z-index: 10;
}

.important-text{
  color:#5bc0de;
}