@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden;width:100%}@media (max-width:1200px){body,html{overflow-x:hidden}}body{font-family:Montserrat}.uvodna{animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#111114,#0a0a0a,#04081e,#080137);background-size:300% 300%;padding-bottom:200px}li{list-style:none}a{color:#fff;font-size:1rem;text-decoration:none}header{overflow:hidden;padding:1rem 2rem;width:100%}.navbar{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.navbar .logo a{font-size:1.5rem;font-weight:700}.navbar .links{display:flex;font-weight:700;gap:2rem}.navbar .links.active{display:block}.action_btn{background-color:#23d5ab;border-radius:5px;padding:.5rem 1rem;text-align:center}.name h2{margin-top:120px}.name h2,.name p{animation:slidein 1s ease-out;color:#fff;margin-left:200px}@keyframes slidein{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.button-1{background-color:#2ab6f7;margin-left:12.4rem}.button-1,.button-2{border:none;border-radius:25px;color:#f5f5f5;cursor:pointer;font-size:1.2rem;font-weight:600;outline:none;padding:1rem 2rem;position:relative;top:3rem}.button-2{background-color:red;margin-left:2rem;text-align:left}.button-1:hover,.button-2:hover{background:#0b32df;transition-duration:.3s}@media (max-width:768px){.button-1{margin-left:1rem;padding:.5rem 1rem;white-space:nowrap}.button-2{padding:.5rem 2rem}}main{margin-left:184px;margin-top:-45px}.avatar{border-radius:50%;height:150px;margin:-180px 170px 1rem auto;overflow:hidden;width:150px}.avatar img{height:auto;width:100%}.hometext{margin-left:200px;max-width:800px;opacity:0;padding-right:10rem;transition:opacity 1s ease-out;width:100%}.show{opacity:1}.hometext h3{animation:fadeInUp 1.8s ease-out forwards;color:gray;font-size:clamp(1rem,1.5vw,1.75rem);font-weight:300;text-align:left}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hometext{padding-right:16rem}}main{padding:1rem}*{box-sizing:border-box;margin:0;padding:0}.skills{background-color:#111114;padding:4rem 1rem;width:100%}.skills h1{animation:fadeUp 1.8s ease-out forwards;color:#d3cece;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:1.5px;margin-bottom:3rem;opacity:0;text-align:center;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}#start{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}#start div:nth-child(2n){background-color:#064706;color:#fff}.skills-intro{color:gray;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1rem,2vw,1.2rem);line-height:1.4;margin:-2rem auto 4rem;max-width:600px;text-align:center}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.skill{background:#222;border-radius:25px;box-shadow:0 4px 12px #0003;color:#fff;padding:2rem;text-align:center;transition:transform .3s ease}.skill:hover{transform:translateY(-5px)}.skill h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.skill p{color:#ccc;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.6}.ikonice{color:#3776ab;font-size:1.8rem;margin-bottom:1rem}.projects{background-color:#111114;min-height:300px;padding:0;position:relative;width:100%}.projects .uvodnitekst{animation:slidein 1s ease-out;padding:2rem 0;text-align:center}.projects .uvodnitekst h1{color:#d3cece;font-size:2.5rem;margin:10rem 0 .5rem}.projects .uvodnitekst p{color:gray;font-size:1rem}.projects .polja{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.project-card{background:#222;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;padding:1rem;text-align:center}.project-card:hover{background:#333}.project-card .button{border-radius:20px}.project-text{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.project-image{border-radius:6px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.project-image img{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.project-text h1,.project-text1 h1,.project-text2 h1,.project-text3 h1,.project-text4 h1{font-size:1.5rem;margin:1rem 0}.project-text p,.project-text1 p,.project-text2 p,.project-text3 p,.project-text4 p{font-size:1rem;line-height:1.5}.button,.button1,.button2,.button3,.button4{background-color:#c90832;border-radius:6px;box-shadow:0 4px 8px #0000001a;color:#fff;display:inline-block;font-size:1rem;margin:1rem 0;padding:.5rem 1rem;text-align:center;text-decoration:none}.button1:hover,.button2:hover,.button3:hover,.button4:hover,.button:hover{background:#0b32df;transition-duration:.3s}.about{min-height:160vh}.about_container{margin:30px 0}.about_text{margin-right:40px;text-align:left}#kontejner{border-radius:10px;box-shadow:2px 4px #fdfafa1a;height:300px;margin-left:47em;margin-top:30px;padding:20px;width:600px}#kontejner h1{text-align:right}.icons{margin-left:14em}.slikice{margin-left:11em}#kontejner1 .tekstAbout{color:#fff;font-size:.9em;line-height:1.5;margin-top:20px}#kontejner1 .icons{display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;margin-left:5em;margin-top:0;padding:20px 0}#kontejer1 .ime{align-items:center;display:flex;flex-direction:column;max-width:160px;text-align:center}#kontejner1 .ime p{color:#ccc;font-size:.9rem;line-height:1.3;margin-top:8px}.custom-arrow{animation:bounce 2s infinite;cursor:pointer;margin:-38rem 44em 0 auto;text-align:center;width:24px}.shaft{animation:colorChange 4s infinite;background-color:#fff;border-radius:2px;height:200px;margin:0 auto;width:10px}.head{border-left:12px solid #0000;border-right:12px solid #0000;border-top:12px solid #fff;height:0;margin:-2px auto 0;width:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.about{background:#111114;margin:0 auto;min-height:150vh;padding:1rem;position:relative;width:100%}.introduction{animation:slidein 1s ease-out;margin-top:0;padding:2rem 0;text-align:center}.introduction h1{color:#d3cece;font-size:2.5rem;margin:.5rem 0}.introduction p{color:gray;font-size:1.5rem}.about_container{background-color:#1f1d1d;border-radius:10px;box-shadow:2px 4px #fdfafa1a;height:auto;margin:2px 0;max-width:600px;padding:20px;width:100%}.about_title{flex-direction:row;font-weight:bolder}.about_text,.about_title{color:#fff;text-align:right}.about_text{font-size:15px;line-height:1.5;margin-right:10px;margin-top:30px}.about_icons{color:#fff;margin-left:15rem;margin-top:20px}.about_icons,.icons{align-items:center;display:flex;justify-content:space-between;width:300px}.icons{margin-left:13.6em;margin-top:40px}.slikice{display:flex;gap:50px;justify-content:center;margin-top:40px}.slikice img{height:auto;width:40px}.icons .ime p,.slikice .ime p{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.9rem}.tekstAbout{color:#fff;font-size:.9em;line-height:1.5;margin-top:20px;text-align:right}.icons1{display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;margin-right:-2em;margin-top:0;padding:20px 0}.icon1 .ime{align-items:center;display:flex;flex-direction:column;max-width:170px;text-align:left}.ime p{color:#ccc;font-size:.9rem;line-height:1.3;margin-top:8px}.about_row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:3rem;padding:2rem}.about_image_wrapper{flex-shrink:0;width:500px}.about_image{border-radius:20px;box-shadow:0 5px 15px #ffffff1a;width:100%}.about_content{display:flex;flex-direction:column;gap:2rem;max-width:650px}.about_image_wrapper p{color:#fff;font-size:1.2rem;margin-top:1rem;text-align:center}@media (max-width:1024px){.about_row{align-items:center;flex-direction:column;padding:1rem}.about_image_wrapper{width:40%}.about_content{align-items:center;max-width:90%;text-align:center}.about_text,.tekstAbout{margin-right:0;text-align:left}.about_title{margin-bottom:1rem;text-align:center}.about_icons,.icons,.icons1{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:1rem auto 0;max-width:100%}.slikice{flex-wrap:wrap;gap:20px;margin-left:0}.about_container{margin-left:0;width:90%}}@media (max-width:600px){.introduction h1{font-size:2rem}.introduction p{font-size:1.1rem}.about_text,.ime p,.tekstAbout{font-size:.85rem}.about_image_wrapper{width:100%}.slikice img{width:30px}.icons,.icons1{flex-direction:row;flex-wrap:wrap;gap:20px;width:100%}.about_row{gap:2rem}.custom-arrow{display:none}}.testimonials{background-color:#111114}.section__container{color:#fff;margin:auto;max-width:1200px;padding:1rem;text-align:center;width:100%}.header{margin-bottom:2rem}.header p{font-size:1rem;font-weight:500;letter-spacing:2px}.header h1{font-size:2rem;font-weight:600}.testimonials__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;width:100%}.card{grid-gap:1rem;background-color:var(--extra-light);border-radius:5px;box-shadow:5px 5px 30px #a1a1a11a;color:#fff;cursor:pointer;display:grid;gap:1rem;padding:2rem}.card i{color:gold;font-size:2.5rem}.card p{font-size:1rem;font-weight:500}.card hr{color:#fff;margin:auto;width:40px}.card img{border:1px solid var(--primary-color);border-radius:100%;height:60px;margin:auto;width:60px}.card .name1{color:var(--text-light);font-size:.9rem;font-weight:400;transition:.3s}.card .name1:hover{color:#fff}.video-testimonials-wrapper{background-color:#0c0c0c;border-radius:40px;box-shadow:5px 5px 30px #a1a1a11a;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.video-container{align-items:center;border-radius:30px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;padding:1rem}.testimonial-video{border:2px solid #000;border-radius:25px;height:400px;object-fit:cover;width:300px}.video-label{color:#fff;font-size:30px;font-weight:bolder;margin-top:.5rem}@media screen and (max-width:768px){.video-testimonials-wrapper{align-items:center;flex-direction:column}}.footer h4{font-size:1.25rem;font-weight:900;margin-top:50px}.footer p{font-size:.9rem;line-height:1.5rem;margin:1em auto auto;max-width:450px}.footer button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--extra-light);cursor:pointer;font-size:.8rem;font-weight:600;outline:none;padding:1rem 2rem}.footeric{animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#0a0a0a,#111114,#290606,#520309);background-size:300% 300%;color:#fff;padding:20px;text-align:center}.social-links{margin-bottom:10px}.social-links a{display:inline-block;margin:0 10px}.social-links img{border-radius:50%;height:30px;width:30px}.social-links a:hover img{opacity:.7}.footeric .ajs{font-size:14px}.image-credits{margin-top:20px}.image-credits p{font-size:20px;margin-bottom:5px}.image-credits ul{list-style:none;padding:0}.image-credits li{margin:5px 0}.image-credits a{color:#fff;font-size:10px;text-decoration:none}.image-credits a:hover{text-decoration:underline}@media (max-width:899px){.testimonials__grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.testimonials__grid{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.navbar .links{display:none;flex-direction:column;gap:1rem;text-align:center;width:100%}.navbar .links.active{display:flex}.toggle_btn{cursor:pointer;display:block}.toggle_btn span{background-color:#fff;display:block;height:3px;margin:5px;width:25px}.avatar{display:none;height:120px;width:120px}.name h2{margin-top:30px}.name h2,.name p{font-size:50px;margin-left:20px}.name p{margin-top:-5px}.hometext h3{font-size:20px;margin-left:-180px}main{font-size:20px;margin-left:7px;margin-top:-10px}}@media screen and (min-width:768px){.navbar .links{display:flex}.toggle_btn{display:none}.name h3{font-size:50px}}@media screen and (min-width:1024px){h2,p{font-size:3.5rem}.avatar{height:200px;width:200px}.name h3{font-size:50px}}@keyframes color{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.action_btn,.toggle_btn{display:none}}@media (min-width:769px) and (max-width:1024px){.name{font-size:40px;margin-left:-6rem;margin-top:-2rem}main{margin-left:5.5rem;margin-top:2rem}.hometext{margin-left:6rem;margin-top:-.1rem}.button-1{margin-left:5.5rem}}
/*# sourceMappingURL=main.91d37eeb.css.map*/