html,body{min-height:100vh;margin:0;font-family:DM Sans,sans-serif;color:#edf4f2;-webkit-tap-highlight-color:rgba(237,244,242,.2)}body{position:relative;background-color:#2a3132;background-image:linear-gradient(0deg,rgba(67,96,79,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(67,96,79,.2) 1px,transparent 1px);background-size:40px 40px;z-index:0}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(#2a313200,#2a313299 50%,#2a3132e6,#2a3132);z-index:1}@media (max-width: 480px){body{font-size:12px}}@media (max-width: 380px){body{font-size:10px}}.container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5rem;padding-top:5%}.copyright{font-weight:100;opacity:.5}.language{position:absolute;top:0;right:3rem;z-index:3;font-weight:100}.language-inline{display:flex;align-items:center;gap:1rem;cursor:default}.language-inline p:nth-child(odd){cursor:pointer;padding-block:.5rem;padding-inline:.5rem}.active{font-weight:700;text-shadow:0px 4px 5px rgba(237,244,242,.2)}.language-dropdown{display:none;top:1rem}.custom-language-dropdown{position:relative;width:50px;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10}.dropdown-selected{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #edf4f2;padding-block:.25rem;font-weight:300}.dropdown-selected p{margin:0;text-transform:capitalize}.arrow2{width:1rem;height:1rem;fill:#edf4f2;transition:ease-in-out .3s}.arrow2.open{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;border:1px solid transparent;border-top:none;border-radius:0 0 8px 8px;margin:0;box-shadow:0 2px 6px #0000001a;padding:0;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.dropdown-options.open{opacity:1;transform:translateY(0);pointer-events:auto;border-color:#edf4f2}.dropdown-options li{padding:.5rem;cursor:pointer;list-style:none;text-transform:capitalize}.dropdown-options li:active{background-color:#edf4f2;font-weight:700}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2a3132;color:#edf4f2;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeOut 1s ease-in-out forwards;animation-delay:2.6s;box-shadow:0 4px 10px #0003}@keyframes fadeOut{0%{transform:translateY(0)}to{transform:translateY(-100%);display:none}}.dcLogo path{fill:transparent;stroke:#edf4f2;stroke-dasharray:693;stroke-dashoffset:693;animation:textAnimation 2s ease-in-out 1 forwards}@keyframes textAnimation{0%{stroke-dashoffset:693}80%{fill:transparent}to{stroke-dashoffset:0;fill:#edf4f2}}@media (max-width: 480px){.container{gap:3rem}.language-inline{display:none}.language-dropdown{display:block;right:1rem}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40vw;gap:3rem}.contact p{font-size:1.5rem}.contactButtonRow{display:flex;justify-content:center;align-items:center;gap:1.5rem}@media (max-width: 1024px){.contact{width:60vw}}@media (max-width: 480px){.contact{width:80vw}.contact p{font-size:1.2rem}.contactButtonRow{gap:1rem}}.contactButton{border:1px solid #edf4f2;border-radius:8px;background-color:#2a3132;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;gap:.5rem;transition:ease-in-out .3s;box-shadow:0 4px 5px #edf4f233}.contactButtonLink{text-decoration:none;color:#edf4f2}.contactButtonIcon{fill:#edf4f2;width:1.5rem;height:1.5rem;transition:ease-in-out .3s}.contactButton:hover{background-color:#edf4f2;color:#2a3132;transform:translateY(-2px);cursor:pointer;fill:#2a3132}.contactButton:hover .contactButtonIcon{fill:#2a3132}@media (max-width: 480px){.contactButton{padding:.5rem .75rem;gap:.25rem}.contactButtonIcon{width:1rem;height:1rem}}.hero{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:60vh;width:40vw}.hero h1{font-size:4rem;margin:0}.hero p{font-size:1.5rem;margin:0}.profile{border-radius:50%;height:25vh;width:25vh;box-shadow:0 4px 50px #edf4f233;transition:ease-in-out .3s}.buttonRow{display:flex;justify-content:center;align-items:center;gap:1.5rem}@media (max-width: 1024px){.profile{height:20vh;width:20vh}.hero{height:50vh;width:60vw}}@media (max-width: 480px){.hero{height:50vh;width:80vw;padding:2rem}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}.profile{height:20vh;width:20vh}.buttonRow{gap:1rem}}@media (max-width: 380px){.hero{height:60vh}}.projects{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.projectContainer{height:50vh;width:40vw;background-color:#2a3132;border:1px solid #edf4f2;border-radius:8px;box-shadow:0 4px 5px #edf4f233;background-size:100% auto;background-position:center;background-repeat:no-repeat;position:relative;transform-origin:center center;transition:transform .3s ease,width .3s ease,height .3s ease,box-shadow .3s ease;z-index:3;cursor:pointer}.projectContainer:hover{transform:translateY(-3px);cursor:pointer}.projectContainer:before{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:30%;background-color:#43604f66;position:absolute;bottom:0;left:0;width:100%;font-size:1.5rem;font-weight:500;border-radius:0 0 8px 8px;padding-inline:1rem}.projectContainer.expanded{transform:scale(1.5);box-shadow:0 8px 30px #00000080;background-image:none;cursor:default;z-index:999}.projectContainer.expanded:before{opacity:0}.projectOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a3132d9;border-radius:8px;color:#edf4f2;padding:0rem;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:center;overflow-y:auto;opacity:0;transition:opacity .3s ease}.projectContainer.expanded .projectOverlay{opacity:1}.closeBtn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#edf4f2;font-size:1.5rem;cursor:pointer}.quicker{background-image:url(/quicker_project.png)}#quickerProjecten:before{content:"Quicker - A digital QR code ordering system \a for the hospitality industry"}#quickerProjectde:before{content:"Quicker - Ein digitales QR-Code Bestellsystem  \a für die Gastronomie"}#quickerProjectsr:before{content:"Quicker – Digitalni sistem za poručivanje putem QR koda \aza ugostiteljstvo"}.facility{background-image:url(/fm_project_2.png)}#fmProjecten:before{content:"Digital platform for process optimization \ain facility management"}#fmProjectde:before{content:"Digitale Plattform zur Prozessoptimierung \aim Facility Management"}#fmProjectsr:before{content:"Digitalna platforma za optimizaciju procesa \au facility menadžmentu"}.projectImage{flex-grow:1;height:50%;width:100%;object-fit:contain}.projectDescription{background-color:#12141266;flex-grow:1;display:flex;flex-direction:column;justify-content:space-around;align-items:start;padding:.5rem 1rem;text-align:start}.projectDescription h3{font-size:1rem;margin:0}.projectDescription p{font-weight:300;font-size:.75rem;margin:0}.projectDescription .time{font-weight:100;font-size:.75rem;margin:0}.skillLinkRow{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.5rem}.projectLink a{display:flex;justify-content:center;align-items:center;font-weight:100;color:#edf4f2;font-size:.75rem}.projectLink .arrowIcon{fill:#edf4f2;height:.75rem;width:.75rem;transform:rotate(-45deg)}.projectSkills{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 1024px){.projectContainer{width:60vw}}@media (max-width: 480px){.projectContainer{width:80vw;height:65vh;background-position:center 35%}.projectContainer:before{font-size:1.25rem}.projectContainer.expanded{transform:scale(1.2)}.projectDescription{gap:.5rem}.skillLinkRow{flex-direction:column;align-items:start;gap:1rem}}@media (max-width: 380px){.projectDescription h3{font-size:.875rem}.projectDescription p,.projectDescription .time{font-size:.625rem}.projectContainer:before{font-size:1.25rem}}.skillLabel{border:1px solid #edf4f2;border-radius:8px;background-color:#2a3132;display:flex;justify-content:center;align-items:center}.big{padding:.5rem 1rem;gap:.5rem;font-size:1rem}.small{padding:.25rem .75rem;gap:.25rem;font-size:.75rem;border-radius:8px}.small .skillIcon{width:.75rem;height:.75rem}.big .skillIcon{width:1.5rem;height:1.5rem}@media (max-width: 480px){.big{padding:.5rem .75rem;font-size:.875rem}.big .skillIcon{width:1rem;height:1rem}}.skills{display:flex;flex-direction:column;width:40vw}.skillCategory{display:flex;flex-direction:column;align-items:start}.skillCategory p{font-weight:300}.skillsRow{display:flex;justify-content:start;flex-wrap:wrap;width:100%;gap:1rem}@media (max-width: 1024px){.skills{width:60vw}}@media (max-width: 480px){.skills{width:80vw}}