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

body{

font-family:Poppins,sans-serif;

background:#fafafa;

color:#222;

}

.topbar{

height:6px;

background:#7e3ff2;

}

.container{

max-width:420px;

margin:auto;

padding:40px 20px;

text-align:center;

}

.logo{

width:120px;

height:120px;

border-radius:50%;

box-shadow:0 10px 30px rgba(0,0,0,.15);

transition:.4s;

}

.logo:hover{

transform:scale(1.08);

}

h1{

margin-top:20px;

font-size:30px;

}

h1 i{

color:#2ecc71;

font-size:20px;

}

p{

margin-top:10px;

color:#666;

}

.button{

display:block;

margin-top:40px;

padding:18px;

background:white;

border-radius:16px;

text-decoration:none;

font-weight:600;

color:#333;

border:1px solid #ddd;

transition:.3s;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.button i{

margin-right:10px;

color:#7e3ff2;

}

.button:hover{

background:#7e3ff2;

color:white;

transform:translateY(-4px);

}

.button:hover i{

color:white;

}

.address{

margin-top:50px;

color:#888;

}

.address i{

color:#7e3ff2;

margin-right:5px;

}

.copyright{

margin-top:50px;

font-size:13px;

color:#999;

}

@media(max-width:480px){

.container{

padding:30px 18px;

}

.logo{

width:100px;

height:100px;

}

h1{

font-size:26px;

}

}