body {
background-image: url("concrete.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
min-height: 100vh;
}
img {
width: 500px;
height: 500px;
border: 4px solid green;
border-radius: 15px;
transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}
img:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.back {
width: 400px;
height: 100px;
}
.letter {
width: 100px;
height: 100px;
border-radius: 15px;
}
.main { 
width: 800px;
height: 200px;
}
.cover {
border: 4px solid red;
width: 1600px;
height: 800px;
}
.selector { 
border-radius: 15px;
padding: 8px;

background:
repeating-linear-gradient(
90deg,
yellow 0px,
yellow 10px,
black 10px,
black 20px
);

}