:root{--main-bg-color:#131313;--main-bg-color-a:#131313af;--secondary-bg-color:#222;--clear-bg-color:#0000003d;--hover-color:#333;--inner-margin:30%;--inactive-text-color:#969696}*{color:#fff;margin:0;padding:0;font-family:sans-serif}body{background-color:var(--main-bg-color);overflow-x:hidden}h3{margin:20px 5px 5px 20px;font-size:25px}h5{margin:5px 20px;font-size:18px}img{width:auto!important;height:200px!important;position:relative!important}.wrapper{flex-direction:column;justify-content:space-between;width:100%;min-height:calc(100vh - 80px);display:flex}.portfolio_footer{width:100%}.item_title{margin:50px 5px 5px var(--inner-margin)}.item_subtitle,.item_date,.item_tech{margin:5px var(--inner-margin)}.item_description{margin:30px var(--inner-margin) 30px}.item_links{margin:30px var(--inner-margin);flex-wrap:wrap;width:100%;display:flex}.button.item_link{width:auto;margin:0 20px 0 0}.item_media{justify-content:center;width:100%;margin:150px 0 0;display:flex}.item_media>img:last-child{-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 100%)}.item_media>img:first-child{-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#0000 100%)}.section_break{padding:20px}@media (max-width:850px){.wrapper{min-height:calc(100vh - 50px)}.item_title{margin:50px 5px 5px 10%}.item_subtitle,.item_date,.item_tech{margin:5px 10%}.item_description{margin:30px 10%}.item_links{width:80%;margin:30px 10%}.button.item_link{flex-grow:1;margin:10px 10px 10px 0}.item_media{flex-direction:column;align-content:center;width:300px;height:auto;margin:100px auto}.item_media>img{display:none}}
.shader_art_container{flex-wrap:wrap;justify-content:center;align-items:center;width:80vw;margin:25px 10vw 0;display:flex}.shader_art{background-color:var(--secondary-bg-color);z-index:0;border-radius:10px;margin:10px;padding:20px;text-decoration:none;transition:transform .5s,background-color .5s}.shader_art:hover{background-color:var(--hover-color);z-index:1;transform:scale(1.05)}.shader_art:hover>.shader_date>i{color:#fff}.shader_date{text-align:right;margin-top:10px}.shader_date>i{color:var(--inactive-text-color);transition:color .5s}