body{
    margin: 0; 
    padding: 0;
    background: #140f1d;
}
.box{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.input {
    padding: 10px;
    width: 80px;
    height: 80px;
    background: none;
    border: 4px solid #ffd52d;
    border-radius: 50px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #ffd52d;
    outline: none;
    transition: .5s;
}
.box:hover input{
    width: 350px;
    background: #272133;
    border-radius: 10px;
}
i{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(-50%,-50%);
    font-size: 26px;
    color: #ffd52d;
    transition: .2s;
}
.box:hover i{
    opacity: 0;
    z-index: -1;
}
.list {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  margin-top: 17%;
  margin-left: 50%;
  transform: translate(-50%,-50%);
}
.games{
display: list-item;	
}
.toptxt{
	font-family: 'Work Sans', sans-serif;
        margin-top: 25px;
	margin-left: 25px;
}