:root{font-family:Graphik,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--csstools-color-scheme--light: initial;color-scheme:light dark;background-color:#fff;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: rgba(206,63,63,1)}@media (prefers-color-scheme: dark){:root{--csstools-color-scheme--light: }}html,body{margin:0;display:flex;align-items:center;justify-items:center;place-items:center;width:-moz-fit-content;width:fit-content;height:100%;scroll-behavior:smooth}h1{font-size:3.2em;line-height:1.1;margin-top:.67em;margin-bottom:.67em}h2{color:#000}p{font-size:1.8em;margin:0}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}.a-deco{-webkit-text-decoration:underline;text-decoration:underline}.accent{color:#ce3f3f;color:var(--accent)}.bg-accent{background-color:#ce3f3f;background-color:var(--accent)}.fill-accent{fill:#ce3f3f;fill:var(--accent)}.flex{display:flex}.flex-0{flex:0}.flex-1{flex:1}.row{flex-direction:row}.col{flex-direction:column}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.align{align-items:center}.justify{justify-content:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.gap-1{gap:1em}.gap-2{gap:2em}.gap-3{gap:3em}.gap-4{gap:4em}.gap-5{gap:5em}@media (max-width: 720px){html{font-size:.7em}.nophone{display:none!important}}#root{display:flex;flex-direction:column;flex:1;min-height:-moz-fit-content;min-height:fit-content;width:100%;height:100%}.navbar{position:fixed;z-index:10;display:flex;flex-flow:row;align-self:center;top:3em;padding:.3em;background-color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.11765);border-radius:99em;box-shadow:0 12px 10px -8px #0000001a}.navbar-pill{display:flex;align-items:center;align-content:center;justify-content:center;place-content:center;height:2.8em;width:8em;color:#000;cursor:pointer;transition:all .15s;z-index:10;-webkit-tap-highlight-color:transparent}.navbar-pill .navbar-pill-inner{display:flex;flex:0;height:-moz-fit-content;height:fit-content;padding:.5em}.navbar-pill:hover{color:#000}.navbar-pill:active{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}@media (max-width: 720px){.navbar-pill .navbar-pill-inner{display:flex;flex:0;height:-moz-fit-content;height:fit-content;padding:.5em}}.navbar-pill-selected{position:absolute;display:flex;inset:0;z-index:-1;border-radius:99em;background-color:#f3f3f3;border:1px solid var(--accent);box-sizing:border-box;transition:transform .15s}.navbar-pill-selected>div{display:flex;flex:1;width:100%;height:100%;border-radius:99em}@media (max-width: 720px){.navbar{width:92vw;left:0;right:0;margin:0 auto;font-size:1.2em;top:1.5em}.navbar-pill{width:auto!important;width:initial!important;flex:1}}.floater{position:fixed;right:3em;transition:.2s;z-index:10;display:flex;align-items:center;padding:.3em;height:2.8em;background-color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.11765);border-radius:99em;box-shadow:0 12px 10px -8px #0000001a}.floater>div{display:flex;padding:.5em 2em;font-weight:700}.page{display:flex;flex-direction:column;height:100%}.page>section{padding:5em 15vw;display:flex;flex-flow:column}@media (max-width: 720px){.page>section{padding:5em 10vw}}.page>section:nth-child(odd),footer{background-color:#eee}.page>section:nth-child(2n){background-color:#f7f7f7}.page-slika{width:30em;height:30em;border-radius:9999em;-o-object-fit:cover;object-fit:cover;background-color:#d8d8d8;border:5px dashed var(--accent)}.page-links{display:flex;gap:2em;align-items:center;margin:1em 0}.page-links .ball{background-color:#646464;border-radius:999em;width:.5em;height:.5em}.page-links>a{font-size:1.5em}.home-list{display:flex;flex-direction:column;font-size:1.5em;gap:.5em}.icon{display:flex;width:2.5em;height:2em;margin-top:.5em}.page-skills{display:flex;flex-flow:row wrap;gap:1em;justify-content:center;margin:1.5em 0}@media (max-width: 720px){.page-skills{gap:.5em;flex-flow:column}}.page-card{overflow:hidden}.page-card>div{transition:.5s}.page-card:hover>.page-card-bg-container{transform:scale(1.1)}.page-card:hover>.page-card-text{transform:scale(1.05)}.page-card:hover>.page-badge{transform:none;transform:initial}.page-card-bg-container{position:absolute;display:flex;width:100%;height:100%;flex:1}.page-card-bg-container:after{content:"";position:absolute;display:flex;width:100%;height:100%;flex:1;background:linear-gradient(0deg,#000000e6,#000c 15%,#0000 50% 100%)}.page-line{background-color:var(--accent);width:5em;height:.5em}@media (max-width: 720px){.page-line{width:3em}}.page-arrow-right{fill:var(--accent);font-size:.4em;margin-right:2em}.page-card-bg{width:100%;height:100%;background-size:cover;background-position:center}.page-card-text{margin:auto 3em 3em;z-index:1;color:#fff}@media (max-width: 720px){.page-card-briskula{min-width:100%!important}}.page-badge{position:absolute;top:1em;right:1em;display:flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;transition:.5s;transform:translate(calc(100% + 1em))}.page-about-me{flex-flow:row}@media (max-width: 720px){.page-about-me{flex-flow:column}}.page-about-me-timelines{gap:3em}@media (max-width: 720px){.page-about-me-timelines>div{margin-left:0}}.page-about-me-timelines-title{margin-left:3.2em}@media (max-width: 720px){.page-about-me-timelines-title{margin-left:0;text-align:center}}.back-to-top{margin:2em 0;bottom:2em;left:2em;color:#000;font-size:1.5em;background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid black;border-radius:10px;padding:.5em 1em;transition:.15s}.back-to-top:hover{transform:scale(1.05)}.back-to-top:active{transform:scale(.95)}.project-card{position:relative;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgb(207,207,207);background-color:#f1f1f1;box-shadow:0 5px 10px #0000001a}.go-down{margin:2em 0;position:absolute;bottom:2em;left:2em;background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid black;border-radius:10px;padding:.5em 1em}.timeline-element{gap:2em}@media (max-width: 720px){.timeline-element{gap:1em}}.icon{display:inline-flex;width:2em;height:2em;margin-top:.45em}.icon svg{width:100%;height:100%;display:block}.card-badge{color:#fffffff2;fill:#fffffff2;font-weight:700;display:flex;gap:1em;align-items:center;border:2px solid rgba(255,255,255,.9);background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;padding:.5em}.card-badge-dark{color:#000000f2;fill:#000000f2;border-color:#000}.skill-card{display:flex;flex-flow:column;flex:1;min-width:26%;max-width:33%;background:#fff;padding:2em;border-left:3px solid var(--accent);box-shadow:0 12px 10px 2px #0000001a}.skill-card>h2{margin:0}@media (max-width: 720px){.skill-card{min-width:calc(100% - 4em)}}.skill-card-arrow{fill:var(--accent);font-size:.4em;margin-right:1em;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.skill-card-content{display:grid;transition:grid-template-rows .3s ease}.skill-card-content>*{overflow:hidden;display:flex;flex-flow:column;gap:1em}.skill-card-content>*>:nth-child(1){margin-top:2em}@media (max-width: 720px){.skill-card-content{font-size:1.1em}}.skill-card-hidden{grid-template-rows:0fr}.skill-card-shown{grid-template-rows:1fr}#tsparticles{position:absolute;inset:0;z-index:1}