@import"https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@100;200;400&display=swap";@media (orientation: landscape){.cursor{position:fixed;left:0;top:0;width:32px;height:32px;border-radius:50%;background-color:#eee;mix-blend-mode:difference;z-index:999;pointer-events:none}}.hero{width:100%;min-height:100vh}.hero_location{color:#fef0f4}.hero_contact a img{transition:filter .3s ease}.hero_contact a:hover img{filter:brightness(80%)}.hero_text{color:#fef0f4;width:100%;text-align:left}.hero_text h1{text-transform:uppercase}.hero_my-photo{aspect-ratio:1/1;background-image:url(/assets/me-hero-8102d987.JPG);background-size:100%;border-radius:50%}@media (orientation: landscape){.hero{position:relative}.hero:before{content:"";background-image:linear-gradient(-135deg,#FEF0F4,#F4C4FF,#FCA0E3,#B793F0,#966FD6,#512884);z-index:-2;position:fixed;width:100%;height:100%;top:0}.hero:after{content:"";background-image:url(/assets/stars-11f583a5.svg);z-index:-1;position:fixed;width:100%;height:100%;top:0;opacity:.5}.hero_location{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:18%;position:absolute;left:5%;top:5%}.hero_location img{width:10%}.hero_location p{font-size:2rem}.hero_contact{position:absolute;left:5%;top:40%}.hero_contact img{width:5rem;margin:0 2rem}.hero_text{position:absolute;left:5%;bottom:5%;line-height:8rem;letter-spacing:1rem}.hero_text h3{font-size:3rem}.hero_text h1{font-size:4rem}.hero_my-photo{width:20%;position:absolute;top:15%;right:15%}}@media (orientation: landscape) and (max-width: 1200px){.hero_location{width:15%}.hero_location p{font-size:1.5rem}.hero_contact{top:50%}.hero_text{line-height:6rem;letter-spacing:.5rem}.hero_text h3{font-size:2rem}.hero_text h1{font-size:3rem}.hero_my-photo{width:30%}}@media (orientation: landscape) and (max-width: 1000px){.hero_location{width:15%}.hero_location p{font-size:1rem}.hero_contact{top:30%}.hero_contact img{width:3rem}.hero_text{line-height:4rem;letter-spacing:.5rem}.hero_text h3{font-size:1.5rem}.hero_text h1{font-size:3rem}.hero_my-photo{width:20%}}@media (orientation: landscape) and (max-width: 800px){.hero_location{width:15%}.hero_location p{font-size:1rem}.hero_contact{top:30%}.hero_text{line-height:3rem;letter-spacing:.5rem}.hero_text h3{font-size:1rem}.hero_text h1{font-size:3rem}.hero_my-photo{width:20%}}@media (orientation: portrait){.hero{display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-image:linear-gradient(to bottom,#F4C4FF,#FCA0E3,#B793F0,#966FD6,#512884)}.hero_location{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:1rem}.hero_location img{width:2rem}.hero_location p{font-size:2rem}.hero_contact{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:3rem}.hero_contact img{width:5rem}.hero_text{text-align:center;line-height:8rem;letter-spacing:1rem}.hero_text h3{font-size:2rem}.hero_text h1{font-size:3rem}.hero_my-photo{width:60%}}.about{width:100%}.about_text{color:#512884;font-size:3rem}.about_text p{background-color:#b793f0}@media (orientation: landscape){.about{display:flex;justify-content:space-around;align-items:flex-start;padding:5rem 0}.about_text{display:flex;flex-direction:column;gap:3rem;width:45%;font-size:3rem;line-height:4rem}.about_text p{padding:1rem;border-radius:2rem}.about_picture{width:40%}}@media (orientation: portrait){.about{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:3rem;padding:5rem 2rem}.about_text{display:flex;flex-direction:column;gap:3rem;width:100%;font-size:3rem;line-height:4rem}.about_text p{padding:1rem;border-radius:2rem}.about_picture{width:100%}}.project-card{display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:#f4c4ff;box-shadow:0 10px 20px #fca0e3;width:70%;min-height:85vh}.project-card_img_laptop{aspect-ratio:16/9;overflow:hidden}.project-card_img_laptop img{width:100%;transition:transform 10s linear}.project-card_img_laptop img:hover{transform:translateY(calc(-100% + 200px))}.project-card_img_phone{width:14%;aspect-ratio:1/2;overflow:hidden}.project-card_img_phone img{width:100%;transition:transform 10s linear}.project-card_img_phone img:hover{transform:translateY(calc(-100% + 200px))}.project-card_name{color:#512884;text-transform:uppercase}.project-card_description{color:#512884;text-align:center}.project-card_links{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-top:2rem}.project-card_links_container{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.project-card_links_container h2{text-transform:uppercase}.project-card a{color:#512884}.project-card a:hover,.project-card a:hover img{filter:brightness(50%)}@media (orientation: landscape){.project-card{margin:3rem auto;padding:3rem 0}.project-card_img{width:100%;display:flex;align-items:center;justify-content:center;gap:8rem}.project-card_img_laptop{width:50%}.project-card_img_phone{width:14%}.project-card_name{font-size:3rem;line-height:8rem}.project-card_description{font-size:1.5rem;width:80%}.project-card_tehnology{margin:3rem 0;gap:2rem}.project-card_tehnology h2{padding:.5rem 2rem;font-size:2rem}.project-card_links{gap:4rem}.project-card_links_container{gap:.5rem}.project-card_links_container img{width:3rem}.project-card_links_container h2{font-size:2rem}}@media (orientation: portrait){.project-card{margin:3rem auto;padding:3rem 0}.project-card_img{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:3rem}.project-card_img_laptop{width:90%}.project-card_img_phone{width:40%}.project-card_name{font-size:3rem;line-height:8rem}.project-card_description{font-size:1.5rem;width:80%}.project-card_tehnology{margin:3rem 0;gap:2rem}.project-card_tehnology h2{padding:.5rem 2rem;font-size:1.5rem}.project-card_links{gap:4rem}.project-card_links_container{gap:.5rem}.project-card_links_container img{width:2rem}.project-card_links_container h2{font-size:1.5rem}}.projects{width:100%;background-color:#b793f0;padding:3rem 0}.projects .naslov{font-size:5rem;color:#f4c4ff;text-align:center}.contact{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;background-color:#f4c4ff}.contact_intro{color:#966fd6}.contact-form{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.contact-form_container{width:100%;display:flex;flex-direction:column}.contact-form_container label{color:#966fd6}.contact-form_container input,.contact-form_container textarea{width:100%;background-color:#fef0f4;background-color:transparent;color:#512884;outline:none;border:none;border-bottom:1px solid #966FD6}.contact-form_container input::placeholder,.contact-form_container textarea::placeholder{color:#966fd6}.contact-form_send-button{border:2px solid #966FD6;background-color:#f4c4ff;color:#966fd6;transition:background-color .5s ease}.contact-form_send-button:hover{background-color:#966fd6;color:#f4c4ff}@media (orientation: landscape){.contact{padding:3rem 0;gap:5rem}.contact_intro{font-size:2rem}.contact-form{width:50%;gap:2rem}.contact-form_container{gap:.5rem}.contact-form_container label{font-size:1.5rem}.contact-form_container input,.contact-form_container textarea{font-size:2rem;line-height:3rem}.contact-form_send-button{width:20%;font-size:2rem;line-height:4rem;margin-top:2rem}}@media (orientation: portrait){.contact{padding:3rem;gap:5rem}.contact_intro{font-size:2rem;text-align:center}.contact-form{width:100%;gap:2rem}.contact-form_container{gap:.5rem}.contact-form_container label{font-size:1.5rem}.contact-form_container input,.contact-form_container textarea{font-size:2rem;line-height:3rem}.contact-form_send-button{width:50%;font-size:2rem;line-height:4rem;margin-top:2rem}}*{font-size:62.5%;box-sizing:border-box;margin:0;padding:0;overflow-x:hidden;font-family:Ysabeau SC,sans-serif;cursor:none}body{background-color:#fef0f4}a{text-decoration:none}button{cursor:pointer}::-webkit-scrollbar{width:2rem}::-webkit-scrollbar-track{background:#FEF0F4}::-webkit-scrollbar-thumb{background:#966FD6}::-webkit-scrollbar-thumb:hover{background:#512884}