body{margin:0;padding:0;background:#f0f0f1;font-family:system-ui,"-apple-system",BlinkMacSystemFont,sans-serif,Calibri,Roboto}html{scroll-behavior:smooth}*{box-sizing:border-box}.container{margin:0 auto;position:relative;height:100%}@media(min-width: 768px){.container{width:750px}}@media(min-width: 992px){.container{width:970px}}@media(min-width: 1200px){.container{width:1180px}}@media(min-width: 1800px){.container{width:1400px}}.btn{padding:7px 18px;background:#111;border-radius:2px;color:#fff;box-shadow:1px 1px 5px 1px rgba(0,0,0,0);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}.btn:hover{box-shadow:1px 1px 5px 1px rgba(0,0,0,.4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#777;z-index:9999999999}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#222}a{text-decoration:none}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(-360deg)}}.spin-logo{animation:rotate .8s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;transition:all .2s}#loader{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:999999999;background:#111;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-o-transition:all .7s linear;-ms-transition:all .7s linear}#loader .middle-content{height:70px;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;position:absolute;text-align:center}#loader .middle-content #loader-logo{height:100%}#loader .middle-content #loader-text{width:0;transition:all .5s;overflow:hidden;display:inline-block;height:100%}#loader .middle-content #loader-text img{height:100%}header.main{color:#fff;height:52px;position:fixed;left:0;right:0;top:0;bottom:auto;z-index:9999999;background:rgba(0,0,0,.5);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}header.main #logo{background-image:url(./img/main_logo.png);height:40px;width:40px;background-size:100%;position:absolute;top:0;bottom:0;margin:auto}header.main .menu-container{display:table;position:relative;height:100%;width:100%;text-align:right;right:0}header.main .menu-container .menu{display:table-cell;vertical-align:middle}header.main .menu-container .menu ul{margin:0;padding:0;list-style:none}header.main .menu-container .menu ul li{display:inline-block;margin-left:5px;padding:3px 5px;position:relative}header.main .menu-container .menu ul li a{color:#fff;text-transform:uppercase;font-weight:300}header.main .menu-container .menu ul li::after{content:"";background-color:#fff;height:1px;width:0%;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}header.main .menu-container .menu ul li:hover::after{width:100%}header.white{background:#fff !important;box-shadow:0 2px 5px 1px rgba(0,0,0,.22) !important}header.white li::after{background-color:#000 !important}header.white a{color:#000 !important}.slider{background:#000;position:relative;width:100%;height:100vh;margin:0 auto;text-align:center}.slider #slider-background{width:100%;top:0;bottom:0;left:0;right:0;height:100vh;display:table;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-o-transition:all .7s linear;-ms-transition:all .7s linear;background-image:url(./img/slider/a.jpg);background-size:cover;background-position:center}.slider #slider-background #slider-content{display:table-cell;vertical-align:middle}.slider #slider-background #slider-content h1{color:#fff;font-size:38px}.slider .default-content{height:70px;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;position:absolute}.slider #loader-logo{height:100%}.slider #loader-text{width:550px;overflow:hidden;display:inline-block;height:100%}.slider #loader-text img{height:100%}#preloadedImages{width:0;height:0;overflow:hidden}#preloadedImages img{width:0px;height:0px;display:inline}.main-content{background:#f1f1f1;padding:6px 0 20px;position:relative;overflow:hidden}.main-content .content{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.18);padding:30px;margin:20px auto}.main-content .content .title{text-align:center;margin:15px 0px 30px 0px;text-transform:uppercase;position:relative;padding-bottom:10px;font-size:2em}.main-content .content .title::after{height:4px;width:30%;max-width:200px;background:#000;content:"";bottom:0;left:0;right:0;margin:auto;position:absolute}.main-content .content .project-list{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center;vertical-align:baseline;margin-bottom:30px}.main-content .content .project-list .project a{color:#111}.main-content .content .project-list .project .item{width:310px;margin:5px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.25);opacity:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-duration:.5s;-webkit-animation-duration:.5s}.main-content .content .project-list .project .show{animation-name:showHiddenItemAnimation;-webkit-animation-name:showHiddenItemAnimation}.main-content .content .project-list .project .android{width:190px;margin:15px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0) !important;text-align:center}.main-content .content .project-list .project .android img{width:100%}.main-content .content .project-list .project .android b{font-size:1.3em}.main-content .content .project-list .project .generic{text-align:center;width:270px !important}.main-content .content .project-list .project .generic .img{width:100%;height:180px;background-size:cover;background-position:center}.main-content .content .project-list .project .generic b{font-size:1.2em}.main-content .content .project-list .project .crt{text-align:center;width:280px !important}.main-content .content .project-list .project .crt .img{width:100%;height:180px;background-size:cover;background-position:center}.main-content .content .project-list .project .crt b{font-size:15px}.main-content .content footer{text-align:center}@media(max-width: 768px){div.content .project .item{opacity:1}}@keyframes showHiddenItemAnimation{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}footer.end{width:100%}footer.end .me{background:#222;color:#fff;text-align:center;padding:10px 0 30px;margin-bottom:-55px}footer.end .me a{background:#444;color:#eee;padding:6px 17px;text-transform:uppercase}footer.end .me a:hover{opacity:.8;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}footer.end .me img{width:150px;height:150px;border-radius:50%;text-align:center;margin:30px auto}footer.end .social{margin-top:20px;margin-right:15px;text-align:right}footer.end .social img{width:30px}footer.end .copyright{background:#111;color:#eee;padding:10px 10px;width:100%;position:relative}footer.end .copyright #credit{margin:0;padding:0;position:absolute;right:10px}footer.end .copyright #credit a{color:#eee}footer.end .copyright #credit a:hover{color:#fff}