@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #22232e;
font-family: 'Poppins', sans-serif;

-webkit-tap-highlight-color:rgba(0,0,0,0);
background-image: url(./image/wallpaper.webp);
object-fit: cover;
height: 100%;
background-size: 100% 100%;
background-repeat: repeat;
}
a{
text-decoration: none;
}

ul{
list-style: disc;
color: #e0ffff;
}

section {
width: 100%;
}

.container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
column-gap: 20px;
}

.container img {
width: 280px;
}

.text {
display: block;
padding: 40px 40px;
width: 450px;
}

.text h1 {
color: #00c2cb;
font-size: 23px;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
}

.text p {
font-size: 15px;
color: #e0ffff;
text-align: center;
margin-bottom: 15px;
line-height: 1.5rem;
margin-bottom: 15px;
}

.text .input-box{
position: relative;
display: flex;
width: 100%;
}

@media screen and (max-width:600px) {
.container{
display: flex;
flex-direction: column-reverse;
}
.text,.image{
width: 100%;
} 
.container{
min-width: 200px;
padding: 40px 0px;
}
  
.text{
display: block;
width: 100%;
padding: 20px 40px;
text-align: center;
}

.image{
display: flex;
width: 200px;
align-self: center;
justify-content: center;
margin: auto;
}
}