@font-face{font-family:cantarellregular;font-weight:normal;font-style:normal;src:url("../fonts/cantarell_regular-webfont.woff") format("woff"),url("../fonts/cantarell_regular-webfont.woff2") format("woff2")}.header-hello{font-size:16px;letter-spacing:10px;font-weight:100;opacity:48%;margin-top:100px;margin-bottom:50px;text-align:center}@media screen and (min-width: 768px){.header-hello{margin-bottom:15px}}.typewriter{font-size:72px;font-weight:600;color:#000094;margin-top:20px;text-align:center}.typewriter2{font-size:72px;font-weight:600;color:#000094;margin-top:20px;text-align:center}#whitey{text-align:center;margin:50px 50px 80px 50px;font-weight:400}@media screen and (min-width: 768px){.header-hello{font-size:16px;letter-spacing:10px;font-weight:100;opacity:48%;margin-top:40px;text-align:left}.typewriter{font-size:72px;font-weight:600;color:#000094;margin-top:20px;text-align:left}.typewriter2{font-size:72px;font-weight:600;color:#000094;margin-top:20px;text-align:left}#whitey{text-align:left;margin:50px 0px 80px 0px;font-weight:400}}header{overflow:hidden}.logo{width:100px;height:auto;margin-top:20px;padding-top:10px}.burger{width:48px;cursor:pointer;transition:transform .4s ease;justify-self:end;display:block}.burger.rotate{transform:rotate(-90deg)}#main-nav button{position:absolute;top:20px;right:30px;width:50px;height:50px;background:url(../images/burger.svg) no-repeat center;margin-top:15px;margin-bottom:20px;transition:all .5s ease;border:0;justify-self:end;display:block}#main-nav-2 button{position:absolute;top:20px;right:30px;width:50px;height:50px;background:url(../images/burger-copy.svg) no-repeat center;margin-top:15px;margin-bottom:20px;transition:all .5s ease;border:0;justify-self:end;display:block}#main-nav button.expanded{transform:rotate(90deg)}#main-nav-2 button.expanded{transform:rotate(90deg)}.burger-con{margin-top:20px;margin-bottom:20px;display:none}.burger-con.slide-toggle{display:block}#main-nav{margin-top:-50px}#main-nav-2{margin-top:-50px}#main-nav ul{list-style:none;padding:0;margin:0;background-color:#000094;border-radius:0 0 20px 20px}#main-nav-2 ul{list-style:none;padding:0;margin:0;background-color:#000094;border-radius:0 0 20px 20px}#main-nav ul li a{display:block;padding:10px 10px 10px 10px;text-align:center;color:#fff;text-decoration:none}#main-nav-2 ul li a{display:block;padding:10px 0 10px 0;text-align:center;color:#fff;text-decoration:none}#main-nav ul li a:hover{color:aqua}#main-nav-2 ul li a:hover{color:aqua}#main-nav ul li:last-child{margin-bottom:10px}#main-nav-2 ul li:last-child{margin-bottom:10px}@media screen and (min-width: 768px){.logo{width:100px;height:auto;margin-top:20px;padding-top:10px;margin-left:10px}.burger{display:none}#main-nav button{display:none}#main-nav-2 button{display:none}.burger-con{margin-bottom:20px;display:block;font-size:16px;margin-top:28px}.burger-con ul li,#burger-con ul li:first-child{border:none;display:inline;margin-right:25px}#main-nav ul{list-style:none;padding:0;margin-top:-20px;background-color:rgba(0,0,0,0);border-radius:0;display:flex;gap:20px}#main-nav ul li{display:inline-block}#main-nav ul li a{display:inline;text-decoration:none;color:#fff}#main-nav ul li a:hover{color:aqua}#main-nav-2 ul{list-style:none;padding:0;margin-top:-20px;background-color:rgba(0,0,0,0);border-radius:0}#main-nav-2 ul li a{display:inline;text-decoration:none;color:#fff}#main-nav-2 ul li a:hover{color:aqua}.burger-con ul li{margin-right:10px}.burger-con ul li:last-child{margin-right:0px}#main-header{height:110px}#main-nav{padding:40px 40px;margin-top:0;margin-bottom:2%;position:absolute;top:0px;right:0;left:50%;background-color:#000094;display:flex;align-items:center;justify-content:center;height:100px;justify-content:center;border-bottom-left-radius:250px;overflow:hidden}#main-nav-2{padding-left:25px;margin-top:2%;margin-bottom:2%;position:absolute;top:25px;right:15%}}.footer{max-width:100%;height:auto;background:#000094;position:relative;z-index:0;overflow:hidden}@media screen and (min-width: 768px){.footer{margin-top:-200px}}#footer-nav,#footer-nav-2{color:#fff;z-index:1;padding:20px;border-radius:8px}#footer-nav ul,#footer-nav-2 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}#footer-nav-2 ul{flex-direction:row;justify-content:center;align-items:center}#footer-nav li a,#footer-nav-2 li a{text-decoration:none;color:#fff;font-size:16px;font-weight:100;transition:color .3s ease;margin:10px 0}#footer-nav li a:hover,#footer-nav-2 li a:hover{color:aqua}.icon{margin:0;width:30px;height:auto}.icon:hover{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(100%)}.wit-3{text-align:center;font-size:14px;color:#fff;font-weight:300;margin:50px auto}#footer-nav ul,#footer-nav-2 ul{flex-direction:row;justify-content:center;align-items:center;gap:20px}#footer-nav ul li a{font-size:10.5px}@media screen and (min-width: 768px){#footer-nav ul li a{font-size:16px}}#footer-nav ul li,#footer-nav-2 ul li{display:inline-block}@media screen and (min-width: 1200px){#footer-nav ul,#footer-nav-2 ul{flex-direction:row;justify-content:center;align-items:center;gap:20px}#footer-nav ul li,#footer-nav-2 ul li{display:inline-block}.icon{width:40px}}#p{margin-top:100px;margin-bottom:50px;text-align:left}#p2{margin-bottom:-50px;text-align:left}@media(min-width: 1200px){#p2{margin-top:150px;margin-bottom:-100px}}.card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.cards{width:350px;height:406px;border-radius:20px;margin-top:20px;margin-bottom:20px;margin-bottom:10px;box-shadow:1px 1px 5px rgba(0,0,0,.4);transition:all .5s ease-in-out}.cards img{border-radius:20px 20px 0 0;width:350px;height:293px}.cards h3{color:#714b4b;font-size:16px;font-weight:300;margin-top:20px;margin-left:30px}.cards:hover{transform:scale(1.05)}a{display:inline;text-decoration:none;color:#714b4b}a:hover{display:inline;text-decoration:none}.button-mini{width:144px;height:32px;border-radius:20px;border:1px solid #714b4b;text-align:center;align-self:flex-end;color:#714b4b;float:right;margin-top:-30px;margin-right:20px}.button-mini p{justify-content:center;align-items:center;margin-top:4px}.button-mini:hover{background-color:#000094;color:#fff;border:1px solid #000094}.button-mini a:hover{color:#fff}.portfolio-cards{display:flex;flex-direction:column;gap:20px;width:100%;overflow:hidden;justify-content:center;align-items:center;height:110vh;position:absolute}.row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-gap:20px;justify-content:center;overflow-x:hidden}.row::-webkit-scrollbar{display:none}@media(max-width: 1200px){.row{margin:0 auto;display:flex;justify-content:flex-start}}.card{width:100%;height:410px;border-radius:20px;margin:0 38px 38px 38px;background-color:#f0f0f0;display:flex;justify-content:center;flex-shrink:0;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}.player-container{max-width:100%;position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;z-index:2}#player-container-2{border-radius:20px 20px 0 0;width:100%}.video-controls.hidden{display:none}.video-controls{right:0;left:0;padding:20px;position:absolute;bottom:0;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));display:flex}.video-controls.hide{opacity:0;pointer-events:none}button{padding:0;border:0;background-color:rgba(0,0,0,0)}.fa{font-size:25px !important;margin-bottom:20px}.fa,.fa-solid{color:#fff;font-size:40px;margin-left:20px}.fa-stop-circle-o{margin-right:20px}.fa-volume-up{margin-left:auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:5rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#fff;border-radius:.5rem;height:.25rem;margin-bottom:20px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#dadada;border-radius:.5rem;height:.8rem;width:.8rem}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid aqua;outline-offset:.05rem}input[type=range]::-moz-range-track{background-color:#fff;border-radius:.8rem;height:.8rem}input[type=range]::-moz-range-thumb{background-color:gray;border:none;border-radius:.8rem;height:1rem;width:1rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid gray;outline-offset:.125rem}#video-progress{width:90%;height:5px;position:absolute;bottom:10px;left:5%;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 auto;margin-top:20px;justify-content:center}#video-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:#000094;border-radius:50%;cursor:pointer}#video-progress::-moz-range-thumb{width:10px;height:10px;background-color:#000094;border-radius:50%;cursor:pointer}.first-blue{width:auto;height:100px;background-color:#000094;z-index:1;margin-bottom:80px;border-radius:20px;overflow:hidden;margin-top:70px}.sec-blue{width:auto;height:100px;background-color:#000094;margin-top:80px;border-radius:20px}@media screen and (min-width: 768px){.player-container{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;z-index:2}.first-blue{width:auto;height:200px;background-color:#000094;margin-bottom:-100px;margin-top:150px}.sec-blue{width:auto;height:200px;background-color:#000094;z-index:1;position:relative;margin-top:-100px;border-radius:20px;overflow:hidden}}@media screen and (min-width: 1200px){.player-container{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;z-index:2}.first-blue{width:auto;height:200px;background-color:#000094;z-index:1;margin-bottom:-100px;border-radius:20px;overflow:hidden;margin-top:150px}.sec-blue{max-width:auto;height:200px;background-color:#000094;z-index:1;position:relative;margin-right:0;margin-top:-100px;border-radius:20px;overflow:hidden}}.top-header{color:#000094;font-size:32px;margin-top:50px;margin-bottom:30px;font-weight:500}.lower-header{color:#69c;font-size:32px;margin-top:30px;margin-bottom:30px;font-weight:100}.recent{font-size:16px;color:#714b4b;margin-bottom:50px}.recent2{font-size:16px;color:#714b4b;margin-bottom:50px}@media screen and (min-width: 1200px){#player-container-2{border-radius:20px}.main-image{border-radius:20px}.main-image img{height:100%}}.button{width:170px;height:38px;border-radius:20px;border:1px solid #714b4b;text-align:center;color:#714b4b}.button p{justify-content:center;align-items:center;margin-top:8px}.button:hover{width:170px;height:38px;border-radius:20px;border:1px solid #000094;text-align:center;background-color:#000094;color:#fff}.blue{background-color:#000094;max-width:100%;height:357px;z-index:-1;margin-top:-5px}.white{color:#fff;font-size:32px;margin-top:-250px;margin-bottom:30px;z-index:1}.white-2{color:#fff;font-size:16px;z-index:1;margin-bottom:150px}.abt-img{margin:50px auto;width:412px}.abt-img-prof{margin:0 auto;width:300px;border-radius:20px}@media screen and (min-width: 768px){.abt-img-prof{width:300px;margin-top:-100px}}@media screen and (min-width: 1200px){.abt-img-prof{width:400px;margin-top:-100px}}.abt-img-prof2{margin:0 auto;width:250px}@media screen and (min-width: 768px){.abt-img-prof2{width:250px;margin-top:-150px}}#get-in-touch{margin:50px auto}@media screen and (min-width: 768px){#get-in-touch{margin-top:-40px;margin-left:0px}}.m-skills{box-shadow:0px 4px 4px rgba(0,0,0,.25);padding-bottom:10px;border-radius:5px}#space{margin-top:50px}#down{margin:0}#char{width:200px}@media screen and (min-width: 768px){#resume{margin-left:50px}#git-hub{margin-left:180px}#char{width:263px}.abt-img{margin-bottom:100px;width:263px;height:auto}#down{margin-top:50px}#space{margin-top:-400px}}@media screen and (min-width: 1200px){.abt-img{margin-bottom:100px;width:263px;height:auto}#down{margin-top:150px}#space{margin-top:-400px}}.wit{color:#fff;font-size:64px;margin-top:50px;margin-right:auto;margin-left:auto;margin-bottom:50px}.blue-2{background-color:#000094;max-width:100%;height:1450px;z-index:-1;margin-top:50px}.lig{color:#fff;font-size:32px;margin-right:auto;margin-left:auto;margin-bottom:50px}.wit-2{color:#fff;font-size:16px;margin-right:auto;margin-left:auto;margin-bottom:50px}.lig-2{color:#fff;font-size:32px;margin-bottom:50px}.lig-3{color:#69c;font-size:32px;margin-right:auto;margin-top:50px;margin-bottom:50px}.lig-4{color:#69c;font-size:32px;margin-right:auto;margin-top:50px;margin-bottom:20px}#feedback{color:#fff;margin-top:20px}#contact-hero-form form{display:flex;flex-direction:column}#contact-hero-form input,textarea{padding:22px;border:2px solid #fff;color:#fff;background-color:rgba(0,0,0,0);border-radius:15px;margin-bottom:30px;font:inherit;width:100%;height:56px}#contact-hero-form textarea{height:350px;color:#fff}#contactForm input::-moz-placeholder{color:#fff}#contactForm input::placeholder{color:#fff}#text-area textarea::-moz-placeholder{color:#fff}#text-area textarea::placeholder{color:#fff}#contact-hero-form input[type=submit]{width:170px;height:38px;border-radius:20px;padding:12px 28px;border:1px solid #fff;color:#fff;display:inline-block;align-items:center;text-align:center;vertical-align:middle;transition:all 200ms ease-in;margin:0;align-self:flex-end}#contact-hero-form input[type=submit]:hover{background-color:#fff;color:#000094}.custom-select{position:relative;display:inline-block;width:100%;border:2px solid #fff;border-radius:15px;margin-bottom:30px;cursor:pointer}.custom-select select{width:100%;height:56px;padding:12px 28px;border:none;border-radius:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);font-size:16px;color:#fff;cursor:pointer;outline:none}.custom-select::after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:20px;color:#fff}.custom-select select option{padding:5px;background-color:#fff;color:#fff}@media screen and (min-width: 768px){#contact-hero-form input[type=submit]{width:170px;height:38px;border-radius:20px;padding:12px 28px;border:1px solid #fff;color:#fff;display:inline-block;align-items:center;text-align:center;vertical-align:middle;transition:all 200ms ease-in;margin:0 auto;align-self:flex-end}}@media screen and (min-width: 1200px){.desktop-2{margin-top:-370px}#contact-hero-form input[type=submit]{width:170px;height:38px;border-radius:20px;padding:12px 28px;border:1px solid #fff;color:#fff;display:inline-block;align-items:center;text-align:center;vertical-align:middle;transition:all 200ms ease-in;margin-left:400px;align-self:flex-end}}#intro-body{position:relative;margin:0 auto;height:90vh;background-position:center;background-size:cover;background-color:#000094}#intro-body #intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-position:center;background-size:cover;height:100px;width:356px}#intro-body #intro-logo img{background-position:center;background-size:cover;justify-self:center;position:absolute}.i1{width:17%;margin-right:42%;margin-top:7%}@media screen and (min-width: 768px){.i1{width:17%}}@media screen and (min-width: 1280px){.i1{width:17%}}.i2{width:40%}@media screen and (min-width: 768px){.i2{width:40%}}@media screen and (min-width: 1280px){.i2{width:40%}}body{font-family:"Poppins",sans-serif}.mob{display:block}.desktop{display:none}.desktop-2{display:none}#main-image{max-width:100%;height:auto;margin:0;overflow:hidden}#main-image img{width:100%;height:auto;border-radius:20px;margin:0;overflow:hidden}.main-image2 img{width:100%;margin:0;overflow:hidden}.main-image{margin:0 auto;width:300px;margin-bottom:20px}@media screen and (min-width: 768px){.main-image{width:450px;margin-top:-100px}}@media screen and (min-width: 1200px){.main-image{width:600px;margin-top:-100px}}.skills{margin-top:50px;margin-bottom:50px}.me{max-width:100%;margin-top:100px}.typewriter{height:20vh}@media screen and (min-width: 768px){.typewriter{height:25vh}}@media screen and (min-width: 1200px){.typewriter{height:8vh}}#get-in-touch2{margin:50px auto}@media screen and (min-width: 768px){#get-in-touch2{margin-top:-100px;margin-left:0px}}@media screen and (min-width: 1200px){#get-in-touch2{margin-top:-220px;margin-left:0px}}@media screen and (min-width: 768px){.mob{display:none}.desktop{display:block}.desktop-2{display:none}#main-image{max-width:100%;height:auto;position:absolute;z-index:-1;margin-bottom:100px;left:60%;bottom:2%;overflow:hidden}#main-image img{max-width:100%;height:800px;border-radius:0 0 0 180px;overflow:hidden}.me{max-width:425px;height:557px;margin-top:100px;margin-bottom:-400px;z-index:10}#d{margin-top:100px}}@media screen and (min-width: 1200px){.desktop-2{display:block}#main-image{max-width:100%;height:auto;position:absolute;z-index:-1;margin-bottom:200px;left:68%;overflow:hidden}#main-image img{max-width:100%;height:755px;margin-top:50px;border-radius:0 0 0 180px;overflow:hidden}.skills{margin:50px auto}#my-skills{margin:50px auto;text-align:center}#zima-banner{max-width:100%;height:554px;overflow:hidden;margin-bottom:50px}#zima-banner img{margin-top:-80px}}.grade{width:100%;height:120px;background:linear-gradient(180deg, #000094 0%, #00002E 100%);margin-bottom:-120px;border-radius:0 0 20px 20px;z-index:-1;overflow:hidden}.down{margin-top:100px}#get-in-touch-3{margin:50px auto}@media screen and (min-width: 768px){#get-in-touch-3{margin-top:-50px;margin-left:0px}}@media screen and (min-width: 1200px){#get-in-touch-3{margin-top:-50px;margin-left:0px}}.detail-main{font-size:64px;color:#000094;margin-top:100px;margin-bottom:100px;text-align:center}.abt-img-prof2{animation:moveUpDown 3s infinite}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(50px)}100%{transform:translateY(0)}}.main-image2 img{border-radius:0 0 20px 20px;max-width:100%}@media screen and (min-width: 1200px){.main-image2 img{border-radius:20px}}.p-main{font-size:16px;color:#714b4b;margin-top:50px;margin-bottom:100px;text-align:left}.p-main-2{font-size:16px;color:#714b4b;margin-top:10px;margin-bottom:10px;text-align:left}.heavy{font-weight:600}.d-image{width:100%;height:auto;margin:50px auto;justify-items:center;align-self:center;justify-content:center;border-radius:20px}.d-image img{width:100%;border-radius:20px}@media screen and (min-width: 768px){.grade{width:100%;height:120px;background:linear-gradient(180deg, #000094 0%, #00002E 100%);margin-bottom:-120px;border-radius:20px;z-index:-1;margin-top:5px;overflow:hidden}.detail-main{font-size:64px;color:#000094;margin-top:100px;margin-bottom:100px;text-align:left}.p-main{font-size:16px;color:#714b4b;margin-top:0;margin-bottom:100px;text-align:left}.p-main-2{font-size:16px;color:#714b4b;margin-top:10px;margin-bottom:10px;text-align:left}.d-image{width:100%;height:auto;margin:50px 0}}/*# sourceMappingURL=main.css.map */