body { background: #eeeeff; padding: 0; margin: 0; font-family: 'Poppins'; color: #000; }
button, input, textarea, select { border-radius: 20px; font-family: 'Poppins'; outline: none; }
a { text-decoration: none; }
section { padding: 10px; }
.container { background: #fff; padding: 10px; border: 1px solid #ddd; border-radius: 20px; margin-bottom: 8px; }
.words { text-align: center; }
.reasn { border-bottom:1px solid #eee; padding: 10px 5px 5px 5px; margin: 8px 0; display: flex; justify-content: start; text-align: left; } .icn { margin-right: 4px; } .icn i { font-size: 20px; color: #000; }
.rtxt span { color: #696969; } .welcome-page { padding: 10px 0; text-align: center; border-bottom: 1px solid #ddd;  } .welcome-page img { width: 80%; }
.welcome-page button { background: #6b66c6; color: #fff; width: 100%; border: none; border-radius: 20px; height: 50px; margin-bottom: 10px; outline: none; font-weight: bold; }.topbar { padding: 5px 0 10px 0; display: flex; justify-content: start; align-items: center; }
.topbar a { padding: 5px; font-size: 20px; color: #000; margin-right: 8px; }
.searchbar { padding: 5px 0 8px 0; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.searchbar .search { background: #f1f1f1; border: 1px solid #ddd; height: 50px; padding: 0 7px; border-radius: 20px; }
.search input { background: #f1f1f1; width: 76%; height: 45px; border: none; } 
.search button { background: #f1f1f1; height: 48px; border: none; font-size: 20px; color: #000; }
.menu-user .user .avatar { margin-right: 5px; }
.hdn, .name_credits, .user div { color: #808080; text-transform: capitalize; }
.menu-user .user { display: flex; justify-content: space-between; align-items: center; padding: 5px; }
.menu-user { margin: 10px 0; }
.menu-items div { padding: 15px 7px; margin: 5px 0; color: #000; }
.menu-items div i { background: #ffeeee; padding: 8px; }
.menu-items div span { margin-left: 7px; }