.splash-div{padding:25vh}h1{margin:-1vh 0 0 var(--inner-margin);font-size:100px}h2{margin:20px var(--inner-margin)}.splash-subtitle{margin:0px var(--inner-margin);font-size:30px}@media (max-width:850px){h1{margin:-1vh 0 0 10%;font-size:14vw}h2{margin:20px var(--mobile-inner-margin)}.splash-subtitle{margin:0 10%;font-size:5vw}}
h2{margin:20px var(--inner-margin)}.links{flex-direction:row;justify-content:center;padding:10px;display:flex}.button{min-width:50px}.online{flex-flow:wrap;display:flex}@media (max-width:850px){.button{flex-grow:1}}
h2{margin:20px var(--inner-margin)}.portfolio_tags{margin:0 var(--inner-margin);flex-wrap:wrap;align-items:center;display:flex}.portfolio_tags>.button{margin:5px}.portfolio_tags>Button>a{background-color:var(--clear-color)}.tags_title{margin:5px;padding:5px;font-size:20px}.portfolio_container{flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.portfolio_item{background-color:var(--main-bg-color);text-align:center;cursor:pointer;visibility:visible;z-index:0;border:1px solid #fff;border-radius:8px;width:300px;margin:5px;font-size:.9em;text-decoration:none;transition:transform .5s,background-color .4s,opacity .5s,position 1s;position:relative}.portfolio_item>img{min-width:200px;min-height:200px;padding:10px}.portfolio_item>p{padding:10px}.portfolio_item>h3{margin:10px;font-size:25px}.portfolio_item.visible:hover{background-color:var(--hover-color-a);z-index:1;transform:scale(1.05)}.portfolio_item.not_visible{opacity:0;visibility:hidden;pointer-events:none;position:absolute;transform:scale(.8)}.portfolio_item.visible{opacity:1;visibility:visible;pointer-events:all;position:relative;transform:scale(1)translateY(0)}.portfolio_empty{opacity:0;background-color:var(--main-bg-color-a);flex-direction:column;align-items:center;margin:20px 0;padding:50px;display:flex;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio_empty.visible{animation:1s forwards fadeIn;position:relative}.portfolio_empty>h3,.portfolio_empty>p{text-align:center}@media (max-width:850px){h2{margin:20px var(--mobile-inner-margin)}.portfolio_tags{margin:0 var(--mobile-inner-margin)}.portfolio_tags>.button{flex-grow:1}}
h2{margin:20px var(--inner-margin)}.contact{margin:0px var(--inner-margin);flex-wrap:nowrap;display:flex}.contact_message{align-self:center;width:100%;margin-right:20px}.contact_links{flex-direction:column;padding:0;display:flex}.contact_links>a{margin:10px 0}.contact_message>p{margin:5px 0}form{align-self:center;width:100%}@media (max-width:850px){h2{margin:20px var(--mobile-inner-margin)}.contact{margin:0px var(--mobile-inner-margin);flex-wrap:wrap}.contact_message{margin:0 20px 20px 0}}input,textarea{background-color:var(--main-bg-color-a);resize:none;color:#fff;border:1px solid #fff;border-radius:4px;width:calc(100% - 20px);margin:5px 0;padding:10px}input[type=submit]{cursor:pointer;background-color:var(--main-bg-color-a);width:100%;transition:background-color .4s}input[type=submit]:hover{background-color:var(--hover-color)}
.footer_div{margin:5%}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-anchor:middle;justify-content:center;padding:15px;display:flex}
.container{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.container *{box-sizing:border-box}
.popup{opacity:0;z-index:10;border-radius:5px;transition:opacity 1s,transform 1s;position:fixed;top:calc(100vh - 40px);left:10px;transform:translateY(50px)}@media (max-width:850px){.popup{top:calc(100vh - 20px)}}.popup.visible{opacity:1;transform:translateY(0)}.popup_message{align-self:center;max-width:fit-content;margin:5px;padding:5px}
.loading_screen{opacity:1;background:var(--main-bg-color);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s;display:flex;position:fixed;top:0;left:0}.loading_screen.loaded{opacity:0;display:none}.spinner{border:8px solid #f3f3f3;border-top-color:#0000;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.article_container{margin:20px var(--inner-margin);background-color:var(--secondary-bg-color-a);cursor:pointer;border-radius:8px;padding:20px;transition:transform .5s,background-color .4s,position 1s}.article_container:hover{background-color:var(--hover-color);z-index:1;transform:scale(1.02)}.article_container>a{text-decoration:none}.article_title{font-size:20px}.article_subtitle{margin:2px 0}.article_date{color:var(--inactive-text-color);margin:10px 0 2px}.empty_container{background-color:var(--main-bg-color-a);justify-content:center;width:100%;padding:50px 0;display:flex}.empty_message{font-size:18px}@media (max-width:850px){h2{margin:20px var(--mobile-inner-margin)}.articles_container{margin:auto}.empty_message{justify-content:center;max-width:75vw}}