@import url(https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playball&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quattrocento&display=swap);@import url(https://fonts.googleapis.com/css2?family=Graduate&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300&display=swap);.image{left:-590px;top:-210px}.image,.links{position:relative}.links{display:flex;font-size:23px;gap:25px;height:100%;right:-1030px;top:-460px;width:100%}.link{color:#fff;text-decoration:none}.links .link:after{background:#f44336;content:"";display:block;height:2px;margin:auto;transition:.5s;width:0}.Navbar,.links .link:hover:after{width:100%}.Navbar{background-color:#fff;border-bottom:1px solid var(--border-color);height:60px;position:fixed;top:0}.pic{height:600px;position:relative;right:-390px;top:-150px;width:600px}.texts .text{color:red;font-size:70px;position:relative;right:-200px;top:10px}.texts{font-family:Lobster Two,cursive;font-size:75px;left:-390px}.country,.texts{bottom:-250px;color:#fff;position:relative}.country{font-family:Playball,cursive;font-size:60px;left:-490px}.linkedin{left:-560px}.insta,.linkedin{bottom:-270px;color:#fff;font-size:30px;position:relative}.insta{left:-530px}.git{bottom:-270px;color:#fff;font-size:30px;left:-490px;position:relative}.blog-title-emoji{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave-animation;animation-name:wave-animation;display:inline-block;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.software{bottom:-250px;color:#fff;font-size:30px;left:-490px;position:relative}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}30%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}30%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}*{background-color:#000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.preloader{background:#000;bottom:0;color:#fff;height:100vh;justify-content:center;left:0;position:fixed;right:0;width:100%;z-index:55}.preloader,.preloader .texts-container{align-items:center;display:flex;overflow:hidden}.preloader .texts-container{font-size:50px;font-weight:900;height:60px;justify-content:space-between}.aboutMe{align-items:center;bottom:-70px;display:flex;font-size:38px;justify-content:center;left:-20px}.Line,.aboutMe{color:#fff;position:relative}.Line{bottom:-80px;right:-650px;width:180px}.Career{bottom:-100px;font-size:22px;left:-.5px;right:-30px}.Career,.skills .skill{color:#fff;position:relative}.skills .skill{bottom:-130px;font-size:35px;left:-650px}.containers{border-radius:7px;bottom:-130px;margin:0 15px;max-width:500px;padding:10px 20px;position:relative;width:100%}.containers .skill-box{margin:25px 0;width:100%}.skill-box .title{color:#7aeb38;display:block;font-size:20px;font-weight:600}.skill-box .skill-bar{background:rgba(0,0,0,.1);border-radius:6px;height:8px;margin-top:6px;width:780px}.skill-box .skill-per{-webkit-animation:progress .4s ease-in-out forwards;animation:progress .4s ease-in-out forwards;background:#4ebbfa;border-radius:6px;display:block;height:100%;opacity:0;position:relative;width:95%}.skill-per.css,.skill-per.html{-webkit-animation-delay:.1s;animation-delay:.1s;width:100%}.skill-per.javascript{-webkit-animation-delay:.2s;animation-delay:.2s;width:80%}.skill-per.nodejs,.skill-per.reactjs{-webkit-animation-delay:.3s;animation-delay:.3s;width:100%}.skill-per.expressjs{-webkit-animation-delay:.3s;animation-delay:.3s;width:90%}@-webkit-keyframes progress{0%{opacity:1;width:0}to{opacity:1}}@keyframes progress{0%{opacity:1;width:0}to{opacity:1}}.skill-per .tooltip{background:#f54efa;border-radius:8px;color:#000;font-size:15px;font-weight:500;padding:3px 9px;position:absolute;right:-14px;top:-28px;z-index:1}.tooltip:before{background-color:#f54efa;bottom:-2px;content:"";height:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:10px;z-index:-1}.lineSkill{bottom:-130px;color:#fff;position:relative;right:-65px;width:90px}.Project{align-items:center;bottom:-120px;justify-content:center}.Project,.myProject{display:flex;position:relative}.myProject{color:#fff;font-size:38px;right:-250px;top:-110px}.slider .left-arrow{bottom:-480px;color:#fff;font-size:50px;left:-710px;position:relative}#slideIm{align-items:center;bottom:-260px;display:flex;justify-content:center;position:relative;right:-180px}#slideIm .display .image{height:400px;left:-70px;position:relative;top:-2px;width:450px}.slider .right-arrow{bottom:-480px;color:#fff;font-size:50px;position:relative;right:-450px}.projectName{font-family:Quattrocento,serif;font-size:45px;left:-600px;top:-360px}.language,.projectName{color:#fff;position:relative}.language{background-color:initial;font-family:Graduate,cursive;font-size:35px;left:-620px;text-decoration:none;top:-325px}.icon{color:#ff0;left:-750px;top:-280px}.icon,.projectGithub{font-size:40px;position:relative}.projectGithub{color:#fff;left:-620px;top:-270px}.cursor{border:1px solid #fff;height:50px;transition:.1s;width:50px}.cursor,.cursor2{border-radius:50%;left:0;pointer-events:none;position:fixed;right:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cursor2{background-color:wheat;height:40px;transition:.15s;width:40px}*{box-sizing:border-box;margin:0;padding:0}.experience{bottom:-360px;position:relative}.timeline{margin:100px auto;max-width:1200px}.cont,.timeline{position:relative}.cont{background:transparent;padding:10px 50px;width:500px}.text-box{background:#24b354;border-radius:25px;font-size:15px;padding:5px 10px;position:relative}.international{font-family:Cormorant Upright,serif}.a,.international{background:transparent;color:#000}.left-cont{left:0}.right-cont{left:50%}.Ime{height:100px;width:150px}.myExperience{background:transparent;bottom:-60px;color:#fff;font-size:38px;position:relative}
/*# sourceMappingURL=main.84eddbf3.css.map*/