@font-face{font-family:'Anton';src:url(/assets/fonts/Anton-Regular.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'Cinzel';src:url(/assets/fonts/Cinzel-Regular.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-Bold.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-Medium.ttf) format('truetype');font-style:normal;font-weight:500}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-Light.ttf) format('truetype');font-style:normal;font-weight:300}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-LightItalic.ttf) format('truetype');font-style:italic;font-weight:300}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-Thin.ttf) format('truetype');font-style:normal;font-weight:100}@font-face{font-family:"Roboto";src:url(/assets/fonts/Roboto-ThinItalic.ttf) format('truetype');font-style:italic;font-weight:100}*{padding:0;margin:0 auto;box-sizing:border-box}html{scroll-behavior:smooth}.to-top-btn{position:fixed;height:auto;right:4%;bottom:4%;cursor:pointer;z-index:9999999;margin-right:1rem;color:#918e8e;background:var(--primary);box-shadow:var(--deep-shadow);border-radius:50%;padding:2px 4px}.to-top-btn svg{height:38px;width:38px;cursor:pointer;fill:#fff!important;z-index:9999999}.app-container{width:100%;background:#f2f1f1;z-index:0}header{background:#f2f1f1;transition:opacity 0.7s ease-in-out,transform 0.7s ease-in-out;border-bottom:.1rem solid #dad9d9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;height:auto}.change-header-height{height:70px;max-height:70px}.hide{display:none!important}.hidden{display:none;transition:opacity 0.7s ease-out,transform 0.7s ease-out}footer,section:not(.about-me):not(.skills){opacity:0;transform:translateY(50px);transition:opacity 0.7s ease-out,transform 0.7s ease-out}.visible{opacity:1!important;transform:translateY(0)!important}.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding-top:.3rem}.brand img{max-width:245px;width:120px;height:102px;min-height:102px;object-fit:contain;object-position:top;height:inherit}nav{display:flex;width:100%;position:relative;padding-bottom:1rem}.menu-btn-wrap{position:relative;padding-bottom:1rem;padding-top:1rem;display:flex;justify-content:space-evenly;align-items:center;cursor:pointer}.menu-btn{background:#fff0;border:.1rem solid grey;padding:1rem;border-radius:.4rem;position:relative;top:.2rem}.about{padding:0}.about-me-inner{height:550px;width:100%;margin:0 auto;padding:0;margin:0 auto;border:.1rem solid #f2f1f1}.about-me-wrap{width:100%;height:calc(550px - 2rem);display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding:0}.about-me-left{width:calc(98%/2);padding:0;margin:2rem auto 0}.about-me-right{width:calc(98%/2);border-left:.1rem solid #cdcdcd;height:inherit;padding:1rem;opacity:.8;transition:opacity 0.2s ease-out,transform 0.7s ease-out;place-content:center;text-align:center}.about-me-right p{font-size:x-large}.about-me-left-inner{height:calc(550px/1.07);width:100%;max-width:100%;background-image:url(/assets/media/images/helen-djurdjevac-me.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:local;transition:opacity 0.1s ease-out,transform 0.7s ease-out;place-content:center;align-self:center}.about-me-left h1{color:#e5e9fc;font-size:xx-large;text-align:center}.about-me-right-btn-wrap{width:75%;margin:1rem auto 1rem;padding:1rem;background:#18266a;border:.1rem solid #b8b7b7;border-radius:3rem}.about-me-right-btn-wrap a{text-decoration:none;text-align:center;font-size:x-large;color:#e5e9fc;text-transform:uppercase}.skills{margin:3rem auto 2rem!important;width:100%;background:#606060}.skills-content-wrap{width:75%}.portfolio-inner{background:var(--webox1);padding:2rem;margin:0!important}.portfolio-inner img{object-fit:contain}