@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900";
*{transition:.5s}
body{margin:0;padding:0;font-family:'Poppins',sans-serif;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at top,transparent 9%,#fcebe1 10%,#fcebe1 15%,transparent 16%),radial-gradient(circle at bottom,transparent 19%,#fcebe1 20%,#fcebe1 25%,transparent 26%),radial-gradient(circle at right,transparent 19%,#fcebe1 20%,#fcebe1 25%,transparent 26%),radial-gradient(circle at left,transparent 9%,#fcebe1 10%,#fcebe1 15%,transparent 16%);background-size:2em 2em;background-color:#f05a7f;opacity:1}
a{text-decoration:none}
h1{display:table;margin:10px auto 50px;color:#fcebe1;background:#f05a7f;padding:10px 30px;border-radius:100px}
h3{text-decoration:none;color:#f05a7f;padding:10px 0 10px 5px;margin:0;font-family:'Poppins',sans-serif;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
h3:hover{color:#000}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;max-width:1100px;margin:0 auto;width:95%;position:relative;z-index:100}
.logo{width:auto;max-width:250px;background:#f05a7f;padding:12px 30px;border-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,0.15);border:1.5px solid #fff;transition:all 0.3s ease;display:block}
.logo img{height:55px;width:auto;display:block}
.logo:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(240, 90, 127, 0.3)}
.main{max-width:1200px;margin-left:auto;margin-right:auto;padding:20px;border-radius:10px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center;min-height:calc(100vh - 320px)}
button{background:#f05a7f;color:white;border:none;border-radius:100px;padding:5px 10px;cursor:pointer}
.backToHome{background:#f05a7f;color:#fcebe1;border:1px solid;padding:10px 30px;margin:100px auto 20px;border-radius:100px;display:table}
.backButton{background:#f05a7f;color:#fcebe1;border:1px solid;padding:10px 30px;margin:20px auto;border-radius:100px;cursor:pointer}
.fadeInEffect > *{opacity:0}
@media only screen and (max-width:820px){
h1{font-size:22px}
h3{display:none}
header{padding:10px 12px;width:98%}
.logo{max-width:180px;padding:10px 20px}
.logo img{height:40px}
.main{border-radius:0;margin:0}
}