body{background-color: #161616;
    margin: auto;}

header {height: 97.9vh;}
    

#nav-list{display:flex;
    justify-content: center;
    list-style:none;
    gap: 6rem;}

a {color:white;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 12px;}

#header{
    height: 97.7vh;
    display: flex;
    justify-content: space-between;}

#left{width: 50%;
    text-align: center}

@font-face {
    font-family: 'JejuHallasan';
    src: url("../fonts/JejuHallasan-Regular.ttf");}

h1{font-family: 'JejuHallasan';
    font-size: 80px;
    color: white;}

h2{font-family: 'Inter', sans-serif;
    font-size: 40px;
    color: white;
}

#nouvel_album{height: 148px;
            width: auto;}

#midl img{height: 91%;
    position: absolute;
    margin-left: -34%;
    bottom: 0;}

#left p{color: white;
        font-size: 20px;
        margin-top: 6px;}


#left button{background-color:#4863BA;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    justify-content: center;}

#rigth{margin-right: 28px;
  align-content: center;
  padding-bottom: 71.6px;}

.rigth-item{padding-top: 16px}

.rigth-item img{height: 24px;}

#biographie{height: 400px;
            width: 100%;
            background-color: #8D9CCE;
            display: flex;
            padding-top: 20px;
            padding-bottom: 20px;}

#biographie img{margin-left: 290px;}

#biotext{margin-left: 72px;
  margin-right: 205px;}

#rouge{height: 100vh;
        display: block;
        margin-left: auto;
        margin-right: auto;}

#discography{height: 511px;
            width: 100%;
            background-color: #8D9CCE;
            padding-top: 20px;
            padding-bottom: 20px;}

#albums{height: 135px;
  display: flex;
  justify-content: space-evenly;}

.players{height: 370px;
  display: flex;
  justify-content: center;
  align-items: flex-end;}

#tour{height: 100vh;
    display: flex;
    justify-content: space-around}

.left{display: flex;
    justify-content: space-between;
    align-items: center;}

.datatour{display: flex;
    justify-content: space-between;}

#dates{list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: white
    }

#mounth{list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: white}

#buy{list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: white}

.foto1{display: flex;
    align-items: center;
    justify-content: center;}
.foto1 img{height: 350px;
        transform: rotate(-25deg);}

.foto2{display: flex;
    align-items: center;
    justify-content: center;}
.foto2 img{height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;}

h3{font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-top: -44.8px;}



#store{height: 400px;
    width: 100%;
    background-color: #8D9CCE;}




#store h4{margin-left: 30px;
    padding-top: 20px;
    font-family: 'JejuHallasan';
    font-size: 20px;
    font-weight: bold;
    color: white;}

#mersh{height:274px;
    width: 100%;
    display: flex;
    justify-content: space-around;}

#item{text-align: center}
    


.tshirt-item img{height: 150px;}

.mugs-item img{height: 120px;}

#store p{font-family: 'Inter', sans-serif;
            font-size: 16px;
            color: white;
            margin-top: 30px;}


footer{height: 100px;}

#newsletter{margin-left: 30px;}

#newsletter button{background-color:#4863BA;
    font-size: 8px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;}



#right{font-family: 'Inter', sans-serif;
        font-size: 10px;
        color: white;
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;}