:root { color: white; font-family:sans-serif }

body { margin: 0px; }

.artical {
	margin: auto;
	overflow: hidden;
	transition-duration: 1.5s;
	width:25%;
	display: block;
}

.artical hr {
	background: white;
	border-color: white;
	border-radius: 3em;
	height: 0.3em;
}

.artical embed{
	  position: sticky;
	  height:100%;
	  width:100%;
	  overflow:hidden;
}

.artical:hover .preview {
	display: none;
}

.content {
	display: none;
	color: white;
}

.artical:hover .content {
	display: block;
}




.glass {
	background: rgba(128, 128, 128, 0.35);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 3em;
	padding: 1em 2em;
}

.sunset {
	background: linear-gradient(45deg, gold 2%, purple);
	margin: 0px;
	animation: gradient 35s linear infinite;
	background-size: 180% 180%;
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: -1;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}