:root{--ColorA:#b5b5b5;--ColorB:#757575;--ColorC:#f5f5f5;--ColorD:#363636;--ColorE:#dbdbdb}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}img{display:inline;display:initial}.MImg{display:none}body{background-color:#f5f5f5;background-color:var(--ColorC);color:#363636;color:var(--ColorD);font-family:Dosis,sans-serif}nav{display:flex;justify-content:space-between;margin-top:20px}.NavLinksDiv{display:flex;justify-content:space-around}a{font-size:1.6em}.NavLinks,a{cursor:pointer;text-decoration:underline}.NavLinks{background:none;border:none;color:#363636;color:var(--ColorD);font:inherit;margin-bottom:20px;margin-right:25px;outline:inherit}.NavLinks,p{font-size:1.6em}nav a img{width:160px}#AboutMe{-webkit-animation:fadeInTop 1.2s;animation:fadeInTop 1.2s;display:flex;margin:100px auto;padding:50px;text-align:left;width:80%}h1{font-size:2em}.Skill{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;box-shadow:10px 10px;color:#363636;color:var(--ColorD);margin:50px;padding:30px;text-align:left;width:24%}#Skills{display:flex;margin:50px auto}#Projects{display:flex;margin-bottom:100px}#Recent{width:60%}#Recent article{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;display:flex;height:auto;margin:20px;padding:20px}footer{text-align:center}footer a{color:#363636;color:var(--ColorD);margin:20px}form button{background-color:#757575;background-color:var(--ColorB);border-color:#757575;border-color:var(--ColorB);border-radius:5px;color:#f5f5f5;color:var(--ColorC);font-family:Dosis,sans-serif;font-size:large;font-weight:700;margin:20px}#Filter{display:inline;display:initial;margin:5% 4%;padding:5% 4%;width:5%}#OFilter{display:none}.ProjectsList{margin-top:4%;width:70%}.ProjectsList article{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;box-shadow:10px 10px;display:flex;margin:36px;padding:30px}.ProjectsList article:hover{background-color:#d1d1d1}#Filter select,#OFilter select{background-color:#b5b5b5;background-color:var(--ColorA);border:solid #363636;border:solid var(--ColorD);border-radius:5px;color:#f5f5f5;color:var(--ColorC);font-family:Dosis,sans-serif;font-size:2em}.DrumsArticles{align-items:center;margin:5% auto;width:60%}.DrumsArticles article{background-color:#dbdbdb;background-color:var(--ColorE);border:4px solid #363636;border:4px solid var(--ColorD);border-radius:5px;box-shadow:8px 8px;margin:40px;width:800px}.DrumsArticles article video,img{width:800px}.Prizes{margin:20px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Prizes article{background-color:#dbdbdb;background-color:var(--ColorE);border:4px solid #363636;border:4px solid var(--ColorD);border-radius:5px;box-shadow:8px 8px;margin:10px;width:800px}.Prizes article video,img{width:800px}.contact{background-color:#f2f2f2;border-radius:5px;margin:5% auto;padding:20px;width:50%}.contact textarea{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;font-size:16px;height:150px;resize:none}.contact input[type=text],.contact textarea{box-sizing:border-box;padding:12px 20px;width:100%}.contact input[type=text]{border:1px solid #ccc;border-radius:4px;display:inline-block;margin:8px 0}.contact input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.contact input[type=submit]:hover{background-color:#45a049}.contact label{font-size:1.5em}.contact input,.contact textarea{font-family:Dosis,sans-serif}.HeadTitle{font-size:3em;margin-left:20px}.slidershow{width:800px}.Hslidershow,.slidershow{background-color:#000;height:auto;overflow:hidden}.Hslidershow{width:600px}.Page{width:80%}.Page,.Updates{margin:24px auto}.ProjectsList{margin:20px 10%;width:65%}.ProjectsList form{align-items:center;display:flex}.ProjectsList form select{margin-left:20px;margin-top:10px}.link{color:#363636;color:var(--ColorD)}.DrumsArticles article h2{font-size:1.4em;padding:30px}@media only screen and (max-width:600px){.NavLinksDiv{display:flex;flex-wrap:wrap}.DrumsArticles article h1{font-size:1em}.DrumsArticles article h2{font-size:.7em}.Skill{-webkit-animation:fadeIn .8s;animation:fadeIn .8s;background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;color:#363636;color:var(--ColorD);margin:25px auto;padding:10px;text-align:left;width:40%}nav a img{width:60px}.NavLinks{color:#363636;color:var(--ColorD);font-size:1em;margin-left:14px;margin-right:8px}p{font-size:1.2em}h1{font-size:1.4em}#AboutMe{display:flex;margin:32px auto;padding:14px;text-align:left;width:100%}a{font-size:1em}.ProjectsList article{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;box-shadow:10px 10px;display:flex;margin:36px;padding:5% 10% 5% 5%;width:90%}#Skills{display:flex;flex-wrap:wrap;width:100%}#Recent{width:80%}#Recent article{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;display:flex;height:auto;margin:14px;padding:20px}#Recent{width:100%}.ProjectsList{margin-top:4%;width:100%}.HeadTitle{font-size:1.6em;margin-left:14px}#Filter{display:none}#OFilter{display:inline;display:initial;font-size:.8em;margin:5% 4% 200px;padding:5% 4%;width:5%}.DrumsArticles article,.DrumsArticles article video,.slidershow,img{width:320px}.Hslidershow{width:220px}.container-slider{margin:100px 10px 0;max-height:400px;width:400px}.slide img{height:40%;object-fit:contain;width:40%}#AboutMeImg,section article img{display:none}.MImg{display:inline;display:initial}}@media screen and (min-width:601px) and (max-width:1280px){.NavLinksDiv{display:flex;flex-wrap:wrap}.NavLinks{color:#363636;color:var(--ColorD);font-size:1.3em;margin-left:20px;margin-right:10px}p{font-size:1.5em}h1{font-size:1.8em}#AboutMe{display:flex;margin:60px auto;padding:20px;text-align:left;width:100%}a{font-size:1.4em}.Skill{-webkit-animation:fadeIn .8s;animation:fadeIn .8s;background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;color:#363636;color:var(--ColorD);margin:25px auto;padding:15px;text-align:left;width:40%}#Skills{display:flex;flex-wrap:wrap}#Recent{width:80%}#Recent article{background-color:#dbdbdb;background-color:var(--ColorE);border:solid #363636;border:solid var(--ColorD);border-radius:5px;display:flex;height:auto;margin:20px;padding:20px}#Recent{width:100%}.ProjectsList{margin-top:4%;width:100%}.HeadTitle{font-size:2em;margin-left:20px}#Filter{display:none}#OFilter{display:inline;display:initial;font-size:1.2em;margin:5% 4% 200px;padding:5% 4%;width:5%}.DrumsArticles article,.DrumsArticles article video,.slidershow,img{width:540px}.Hslidershow{width:320px}}.container-slider{box-shadow:0 10px 20px rgba(0,0,0,.2);height:700px;margin:20px auto 0;max-width:1000px;overflow:hidden;position:relative}.slide{height:100%;opacity:0;position:absolute;transition:opacity .6s ease-in-out;width:100%}.slide img,.slide video{height:100%;object-fit:contain;width:100%}.active-anim{opacity:1}.btn-slide{align-items:center;background:#f1f1f100;border:1px solid #f1f1f100;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;width:60px}.btn-slide img{height:25px;pointer-events:none;width:25px}.prev{left:20px}.next,.prev{top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%)}.next{right:20px}.container-dots{bottom:6px;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dot{background:#f1f1f1;border:3px solid #f1f1f1;border-radius:50%;height:10px;margin:0 5px;width:10px}.dot.active{background:#202020}@media screen and (max-width:700px){.container-slider{max-height:400px;width:320px}}
/*# sourceMappingURL=main.c040dfd0.css.map*/