.intro{width:100%;background:linear-gradient(0deg,#fff 0,rgba(255,255,255,.5) 80%,rgba(255,255,255,.1) 100%);background:-moz-radial-gradient(0deg,#fff 0,rgba(255,255,255,.5) 80%,rgba(255,255,255,.1) 100%);background:-webkit-gradient(0deg,#fff 0,rgba(255,255,255,.5) 80%,rgba(255,255,255,.1) 100%);background:radial-gradient(ellipse at center,#f6f6f6 1%,#d3d3d3 100%);overflow:hidden;z-index:1}.welcome{font-size:60px;text-align:center;color:#333}.hex-bg-big-text{position:absolute;z-index:-1;height:100%;width:100%}.hover-notify{bottom:-80px;width:100%;text-align:center;font-size:50px}.code-display h1{color:#333}.desc-active{display:block;position:relative}.desc-active>p{display:block;margin:0}.desc-active>p>span{display:inline-block;width:100%}.desc-active::after{height:100%;width:100%;top:0;content:"";opacity:.2;z-index:-1}.backend-desc.desc-active::after{background-repeat:no-repeat;background-size:100% 100%;background-position:top center}.css-desc.desc-active::after,.frontend-desc.desc-active::after,.gui-desc.desc-active::after,.html-desc.desc-active::after,.javascript-desc.desc-active::after,.seo-desc.desc-active::after{background-repeat:no-repeat;background-size:contain;background-position:right center}@media (max-width:576px){.intro{padding:0}.code-subtitle{font-size:1.6rem}}