body{
	background-color: #1A1C33;
	height: 1500px;
}
.buttonlist{
	font-size: 25px;
	color: white;
	background: none;
	border: none;
}
footer{
	overflow: hidden;
	background-color: #ff9999; /* #13162A; #ff9999 */
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-top: 1%;
}
footer mid{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 15px;
	color: white;
	text-align: center;
	font-family: 'Times New Roman', serif;
}
.toplists{
	overflow: hidden;
	background: none;
	position: fixed;
	right: 0;
	top: 5%;
	left: 0;
	width: 100%;
	margin-bottom: 2%;
}
.toplist{
	overflow: hidden;
	background-color: #1A1C33; /* #619AFF; */
	position: relative;
	right: 0;
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 2%;
}
.toplist left{
	float: left;
	display: inline;
	margin-left: 1%;
	margin-top: 3%;
	margin-right: 0;
}
.toplist right{
	display: inline;
	float: right;
	margin-right: 1%;
	margin-left: 0;
	margin-top: 3%;
}
.toplist rights{
	display: block;
	float: right;
	margin-top: 3%;
	margin-right: 1%;
	margin-left: 1%;
}
.toplist righti{
	display: inline;
	float: right;
	margin-top:3%;
	margin-right: 1%;
	margin-left: 1%;
}
.toplist lefts{
	display: block;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: auto;
}
.toplist mids{
	width: 100%;
	display: inline;
	margin-right: 1%;
}
.toplist mid{
	display: inline;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.textList{
	margin-top: 3%;
}
.txt{
	margin-top: 0.5cm;
	color: white;
	font-size: 30px;
	text-align: center;
}
#profile{
	background-color: white;
	position: fixed;
	left: auto;
	top: 5rem;
	right: 0;
	padding: 1%;
}
.profilelist{
	display: block;
	color: black;
	font-size: 20px;
	text-align: center;
	border-bottom-style: solid;
}
.profilelist a{
	text-decoration: none;
	font-size: 20px;
	color: black;
	padding: 1%;
}
#notif{
	background-color: white;
	position: fixed;
	left: 0;
	margin-top: 15%;
	right: auto;
	padding: 1%;
}
.notiflist{
	display: block;
	color: black;
	font-size: 10px;
	text-align: center;
	border-bottom-style: solid;
}
#list{
	background-color: white;
	position: absolute;
	right: auto;
	top: 3rem;
	left: 0;
	text-align: center;
	padding: 5%;
}
.topoflist{
	display: block;
	font-size: 20px;
	border-bottom-style: solid;
}
.profileoflist{
	display: block;
	font-size: 15px;
	border-bottom-style: solid;
	text-align: left;
}
.fituroflist{
	display: block;
}
.botoflist{
	display: block;
	font-size: 10px;
	border-top-style: solid;
	text-align: left;
}
.botoflist a{
	text-decoration: none;
	font-size: 15px;
	color: black;
}
.buttons{
	background:none;
	border:none;
	color:white;
	position: absolute;
	font-size: 25px;
}
.buttons:hover{
	cursor: pointer;
}
.box{
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
}
.box::after,.box::before{
    margin: 0;
    padding: 0;
}
.box input[type = "text"]{
    border:0;
    font-size: 25px;
    background: none;
    text-align: center;
    border: 3px solid white; /* #3498db */
    outline: none;
    color: white;
    border-radius: 30px;
    transition: 0.25s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.box input[type = "text"] + .buttons {
    right: 4.5rem;
}
.form-query{
    display: flex;
    width: 100%;
    height: 100%;
}
.form-query > query{
    background-color: white;
    color: black;
    margin-left: 25%;
    margin-right: 25%;
    width: 200%;
    border:0;
    text-align: center;
 /* //border-radius:50%; */
    opacity: 0.5;
  /* //radius:20%; */
  /* //float: left; */
}
.form-container{
	display: flex;
}
.form-container > left{
	margin-left: 1%;
	margin-right: 1px;
	float: left;
}
.form-container > query{
     margin-left: auto;
     margin-right: auto;
     left: 1rem;
}
.form-container > form{
     margin-left: auto;
     margin-right: auto;
}
.form-container > right{
     margin-left: 1px;
     margin-right: 1%;
     float: right;
}
::-webkit-scrollbar {
	width: 10px;
  }
  
  ::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
  
  ::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background: #555;
  }