:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#016e57;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:5px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#2d3748;color:#fff;box-shadow:0 2px 4px #0000001a}header .logo-container{display:flex;align-items:left}header .logo{height:3rem;width:auto;margin-right:1rem;border-radius:50rem}header .title{color:#dc143c;display:flex;vertical-align:top;font-size:2rem;font-weight:700}header .login-button{background-color:#fcb928;color:#000;font-weight:700;padding:.6rem 1.2rem;margin-left:.5rem;border:none;cursor:pointer;transition:background-color .3s linear}header .login-button:hover{background-color:#e26703}@media (max-width: 600px){header .login-button{flex-direction:column;background-color:#fcb928;color:#000;font-weight:700;margin-bottom:.3rem;margin-left:.5rem;border:none;cursor:pointer;transition:background-color .3s linear}header .login-button:hover{background-color:#e26703}}.footer{align-self:bottom;background-color:#1a202c;color:#fff;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-top:1px solid #2d3748;margin-top:3rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.footer-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-left,.footer-right{min-width:200px}.footer h3{margin-bottom:.5rem;font-size:1.5rem;color:#63b3ed}.footer p{margin:.2rem 0}.footer-center a{display:block;color:#cbd5e0;text-decoration:none;margin-bottom:.5rem;transition:color .3s}.footer-center a img.img1{width:2.2rem;height:2.2rem}.footer-center a img.img2{width:3.6rem;height:3.6rem}@media (max-width: 768px){.footer-content{flex-direction:row;align-items:center;text-align:center}.footer-left,.footer-center{min-width:100%}}#root{height:100%;margin:0;text-align:center}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#001a33}#body{text-align:block;display:flex;flex-wrap:wrap;align-self:center;justify-content:center;align-items:center;padding:40px 20px;max-width:1400px;margin:0 auto}.about{text-align:block}.about h1{font-size:1.8rem}.about h2{font-size:1.3rem}.zivotopis-section{display:flex;color:#fff}.zivotopis-image{align-self:center}.zivotopis-section .left{flex:1;padding:20px;text-align:left}.zivotopis-section .right{flex:1;padding:20px;align-items:center}@media (max-width: 800px){.zivotopis-section{display:flex;flex-direction:column;width:100%;max-width:100vw;box-sizing:border-box;padding:0 1rem;overflow-x:hidden}.zivotopis-section .left,.zivotopis-section .right{flex:none;width:100%;box-sizing:border-box;margin:0;padding:0}.zivotopis-section .right img{display:block;max-width:100%;height:auto;margin:0 auto}}.zivotopis-image img{max-width:50rem;max-height:50rem;align-self:center}#zivotopis h1{font-size:36px;border-bottom:2px solid #2980b9;padding-bottom:10px;margin-bottom:30px}#zivotopis h2{font-size:24px;margin-top:30px;margin-bottom:10px}#zivotopis ul{padding-left:20px;list-style-type:disc}#zivotopis li{font-size:16px;margin-bottom:2px}#zivotopis p{font-size:16px}.hobby-section{text-align:center;padding:1rem}.hobby-items{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin-top:1rem}.hobby-item{flex:0 1 auto}.hobby-image{display:block;max-width:25rem;max-height:18.75rem;width:100%;height:auto}@media (max-width: 400px){.hobby-items{flex-direction:column;align-items:center}}#contact{padding:2rem;line-height:1.6}#contact h1{color:#fff;font-size:32px;margin-bottom:1rem}#contact p{margin-bottom:1rem;color:#eee}#contact a{display:block;margin-bottom:.75rem;color:#2980b9;text-decoration:none;line-height:1.4}#contact a:hover{text-decoration:underline}.scroll-to-top{position:fixed;bottom:50px;right:50px;padding:10.5px 17px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:show;z-index:1000;transition:opacity .3s}.scroll-to-top:hover{background-color:#0056b3}.scroll-to-top.show{display:block}html{scroll-behavior:smooth}.main-content{flex:1}