body{height:100vh}nav a{text-decoration:none;color:#fff}nav a:hover{color:#ff8ebb}nav a article{border-left:4px solid #fff;padding-left:30px;background-color:rgba(255,255,255,.1)}nav a:hover article{border-left:4px solid #ff4e74;background:linear-gradient(rgba(187,136,255,.2), rgba(187,136,255,.1))}nav a article h1{font-size:150%;color:#ff8ebb;text-align:left}nav a time{font-size:80%}nav a:hover time{color:#5be7ff}@media screen and (min-width: 800px){nav a time{float:right;margin-right:20px;margin-top:15px}}nav a:hover article h1{font-size:150%;color:#bef459;text-align:left}