@import url('base/reset.css');
@import url('base/typography.css');
@import url('layout/navigation.css');
@import url('layout/grid.css');
@import url('components/music-player.css');
@import url('features/animation.css');
@import url('features/ascii-pattern.css');
@import url('features/rain-pattern.css');
@import url('features/crypto-text.css');
@import url('responsive/responsive.css');


body{
  cursor: crosshair;
  background-color: #030303;
}

/* Styles généraux */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.Site {
  font-family: 'Iceberg', cursive;
  color: #006600;
  width: 100%; 
  max-width: 100%; 
  padding: 0 15px; 
  box-sizing: border-box; 
}

.Site-main {
  position: relative;
  width: 100vw;
  display: flex;
  min-height: 100vh;
  overflow: visible;
  justify-content: flex-end;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1000;
}

.Site-main h2 {
  font-family: 'Iceberg', cursive;
  align-items: center;
  
}

.Site-menu {
    background-color: rgb(3, 3, 3);
}

a {
  color: #006600;
}