*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:Manrope,sans-serif;
background:#fafafa;
color:#111;

}

header{

position:absolute;
top:0;
left:0;
width:100%;

padding:32px 70px;

z-index:100;

}

.logo{

text-decoration:none;
color:#111;

font-size:28px;
font-weight:700;

letter-spacing:7px;

}

.error{

min-height:100vh;

display:grid;

grid-template-columns:1fr 1fr;

}

.content{

display:flex;

flex-direction:column;
justify-content:center;

padding:120px;

}

.badge{

display:inline-block;

width:max-content;

padding:10px 18px;

border-radius:30px;

background:#ececec;

font-size:14px;

margin-bottom:30px;

}

h1{

font-size:140px;
line-height:1;

margin-bottom:20px;

}

h2{

font-size:42px;

margin-bottom:22px;

}

p{

font-size:18px;

color:#666;

line-height:1.8;

max-width:500px;

margin-bottom:45px;

}

.button{

display:inline-flex;

width:max-content;

padding:18px 34px;

background:#111;

color:white;

text-decoration:none;

border-radius:50px;

transition:.3s;

}

.button:hover{

transform:translateY(-3px);

background:#222;

}

.image{

overflow:hidden;

}

.image img{

width:100%;
height:100vh;

object-fit:cover;

}

@media(max-width:1000px){

.error{

grid-template-columns:1fr;

}

.image{

display:none;

}

.content{

padding:70px 40px;

text-align:center;

align-items:center;

}

h1{

font-size:90px;

}

h2{

font-size:32px;

}

}