@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@600&family=Roboto:ital,wght@0,100;1,100&family=Rubik:wght@300&display=swap');
* {
    margin: O;
    padding: O;
}
body {

font-family: 'Montserrat', sans-serif;

}
a {
    color: white;
    text-decoration: none;
    transition: all 1s ease-in-out;
}
#nav {
background-color:rgb(8, 7, 7) ;   
display: flex;
justify-content: space-between;
padding:1rem 4rem ; 
}
#nav img {
height: 1.75rem;
}
#nav a:hover{
font-size: 2rem;
}
#nav ul {
display: flex;
list-style: none;
color: w
hite;
gap: 2.5rem;
}
#header {
 border: 2px solid crimson;
 margin-top: 4rem;   
 width: 50%;
 padding: 4rem;
}
#header h1 {
font-size: 2.5rem;  
text-transform: uppercase;
letter-spacing: 2px;
}
#section-one {
  display: flex;  
  margin-top: 6rem;
  align-items: center;
  padding: 0 4rem;
}
#section-text {
 width: 60%;   
 padding-left: 2rem;
}
#section-one img {
 width: 100%;   
}
#section-text{
    width: 60%;
    padding-left: 2rem;
}
#section-text h2 {
    font-size: 4rem;

}
#section-text p {
    margin-top: 2rem;
    line-height: 1.6rem;
}
#section-two-text {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    padding: 0 4rem;
}
#section-two-text h2{
   font-size: 3rem; 
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 300;

}
#section-two-text button{
padding: 1rem 2rem;  
text-transform: uppercase;
letter-spacing: 2px;
background-color: transparent;
cursor: pointer;  
}
#image-list-container {
margin-top: 4rem;
}
.image-list{
display: flex;
justify-content: center; 
gap:4rem ;
list-style: none;
margin: 2rem 0;

}
.image-list img{
width: 100%;

}