*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

background:
linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.90)),
url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1800&q=80");

background-size:cover;
background-position:center;
background-attachment:fixed;

height:100vh;

display:flex;
justify-content:center;
align-items:center;

font-family:Poppins,sans-serif;

overflow:hidden;

}

.overlay{

position:absolute;

width:100%;
height:100%;

background:

radial-gradient(circle at center,
transparent 0%,
rgba(0,0,0,.45) 60%,
rgba(0,0,0,.85) 100%);

}

.hero{

position:relative;

text-align:center;

z-index:2;

padding:40px;

}

.logo{

width:380px;
max-width:90%;

filter:

drop-shadow(0px 0px 40px rgba(255,0,0,.35));

animation:logo 1.4s ease;

}

@keyframes logo{

from{

opacity:0;
transform:translateY(-60px) scale(.8);

}

to{

opacity:1;
transform:translateY(0px) scale(1);

}

}

h1{

font-family:Oswald;

font-size:58px;

margin-top:35px;

letter-spacing:4px;

color:#d5b36a;

text-shadow:

0 0 20px rgba(255,200,100,.4);

}

p{

margin-top:20px;

color:#ddd;

font-size:22px;

line-height:34px;

}

.instagram{

display:inline-block;

margin-top:45px;

padding:18px 55px;

font-size:22px;

font-weight:bold;

text-decoration:none;

border-radius:50px;

color:white;

background:linear-gradient(45deg,#C13584,#E1306C,#FD1D1D);

box-shadow:

0px 0px 20px #E1306C,

0px 0px 50px rgba(225,48,108,.5);

transition:.4s;

}

.instagram:hover{

transform:scale(1.08);

box-shadow:

0px 0px 35px #FD1D1D,

0px 0px 80px rgba(255,0,0,.7);

}