@import url('https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@400;600&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap'); *{ box-sizing: border-box; } ::-webkit-scrollbar{ width: 0; } .marydo{ color: #f30089; } body{ width: 100%; height: 100vh; position: relative; background: #000000; } /*------- Header area start-----*/ header::after{ position: absolute; } header .navigation .logo_sec img{ background: #eac3d9; width: 100px; border-radius: 50%; } header .navigation li{ margin: 0px 16px; } header .navigation a{ color: #ffffff; padding: 8px 0; border-radius: 1px; font-size: 20px; } header .navigation a:hover,.active-page{ background-image: linear-gradient(to top, #f30089, #c777b800, #b983ca00, #aa8fd800, #9a9ae100, #8aa7ec00); transition: .4s ease-in; } header .hero{ height: 500px; } header .account .log_btn{ background: #f30089; color: #ffffff; padding: 5px 20px; } #founder { background-color: #080017; padding: 20px 0; } #founder .photo_area{ padding: 10px; border: 1px solid #f30089; border-radius: 5px; } #founder .photo_area img{ max-width: 200px; width: 100%; border-radius: 5px; } #founder .f-button{ transition: .4s; background: #f30089; color: #ffffff; } #founder .f-button:hover{ box-shadow:5px #f30089; } /*================ footer are css=============*/ footer .inner_footer{ color: #ffffff; } footer .inner_footer h4,h5{ font-size: 14px; } footer .inner_footer a{ color: #980659; transition: .5s; } footer .inner_footer a:hover{ text-decoration: none; color: #f30089; }