*{margin:0;padding:0;box-sizing:border-box;}a{text-decoration:none;}.header.top{position:sticky;top:0;width:100%;}a.logo{color:white;}h2{font-size:40px;}.menu a{padding:10px 20px;display:inline-block;color:white;}.post{width:100%;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}.item{width:200px;margin:10px;}.item img{width:100%;height:180px;}.action{width:100%;display:flex;justify-content:space-between-;align-items:center;}.btn{padding:10px;display:inline-block;width:auto;cursor:pointer;border-radius:4px;border:none;min-width:80px;}.btn-play{color:white;background:tomato;}.btn-download{background:green;color:white;}.pagging{display:inline-block;}.pagging a{color:black;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;}.pagging a.active{background-color:#4CAF50;color:white;}.pagging a:hover:not(.active){background-color:#ddd;}@media only screen and (max-width:768px ){.header{background:#4f4f4f;color:white;display:flex;padding:10px;align-items:center;flex-direction:column;justify-content:space-between-;}a.logo{color:white;}h2{font-size:40px;}.menu a{padding:10px 20px;display:inline-block;color:white;}.menu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}}