body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Roobert-Regular;src:url(/static/media/RoobertRegular.db9eeffad6386b027275.woff)}@font-face{font-family:Roobert-Medium;src:url(/static/media/Roobert-Medium.790a0e815784ef96932f.woff)}@font-face{font-family:Roobert-Semibold;src:url(/static/media/Roobert-SemiBold.eb8f4bfe94b27d94bbb5.woff)}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body,html{color:#000;font-family:Roobert-Medium,sans-serif;height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-content{align-items:center;display:flex;justify-content:center;min-height:100%;transition:opacity .3s ease-in-out;width:100%}.page-content h1{font-family:Roobert-Semibold,sans-serif;font-size:3rem;text-align:center}.page-content.fade-in{opacity:1}.page-content.fade-out{opacity:0}main{flex:1 1;justify-content:center;margin-top:72px;min-height:calc(100vh - 114px);padding:32px}.nav-container,main{align-items:center;display:flex}.nav-container{background-color:#fff;height:72px;justify-content:space-between;left:0;position:fixed;top:0;width:100vw;z-index:1000}.logo{margin-left:32px;transition:transform .125s ease-in}.logo a{color:#000;font-family:Roobert-Semibold,sans-serif;font-size:2rem}.logo:hover{transform:scale(1.025)}.nav-links ul{align-items:center;display:flex;gap:16px;justify-content:center;list-style:none;margin-right:100px}.nav-links ul li a{color:#000;cursor:pointer;display:inline-block;font-family:Roobert-Medium,sans-serif;font-size:1.15rem;padding-bottom:4px;padding-left:4px;padding-right:4px;position:relative;transition:color .2s ease}.nav-links ul li a:after{background-color:#000;bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease,opacity .3s ease;width:100%}.nav-links ul li a:hover:after{opacity:1;transform:scaleX(1)}.socials{margin-right:32px}.socials a{align-items:center;color:#000;display:inline-flex;font-size:2.5rem;justify-content:center;margin:0 4px;transition:transform .3s ease}.socials a i{color:inherit;transition:color .3s ease}.socials a:hover{transform:scale(1.2)}.socials a.instagram:hover i{color:#e1306c}.socials a.twitter:hover i{color:#1da1f2}.socials a.github:hover i{color:#333}.socials a.lastfm:hover i{color:#ff1515}.info-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:100%;padding:2rem;text-align:center;width:100%}.profile-picture{margin-bottom:1.5rem}.profile-picture img{border:3px solid #f0f0f0;border-radius:50%;height:15rem;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:15rem}.profile-picture img:hover{transform:scale(1.05)}.profile-picture img.loading{opacity:.7}.profile-picture img.loaded{opacity:1}.info-title{font-size:1.5rem;margin:1.5rem 0}.info-title h2{font-family:Roobert-Semibold,sans-serif;font-size:2.5rem;margin-bottom:.5rem}.info-description{line-height:1.6;max-width:500px;width:100%}.info-description p{font-size:1.1rem;padding-bottom:1.5rem}.info-description a{color:#ff82c8;font-family:Roobert-Semibold,sans-serif;transition:color .35s ease}.info-description a:hover{color:#ff1198}.contact-form{gap:1.5rem;margin:0 auto;max-width:480px;width:100%}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;text-align:left}.form-group label{font-family:Roobert-Medium,sans-serif;font-size:1rem;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:10px;font-family:Roobert-Medium,sans-serif;font-size:1rem;padding:12px 16px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-group input:focus,.form-group textarea:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a;outline:none}.contact-form button{background-color:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Roobert-Semibold,sans-serif;font-size:1rem;margin-top:1rem;padding:12px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.contact-form button:hover{background-color:#333;transform:scale(1.02)}.portfolio-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:none;padding:0 20px;width:100%}.portfolio-header{margin-bottom:3rem;text-align:center}.portfolio-header h2{font-family:Roobert-Semibold,sans-serif;font-size:2.5rem;margin-bottom:.5rem}.portfolio-header p{font-size:1.1rem;opacity:.7}.portfolio-masonry{grid-gap:15px;display:grid;gap:15px;grid-auto-flow:row dense;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.portfolio-item{background:#f8f9fa;border-radius:12px;cursor:pointer;display:block;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.portfolio-item.portrait{grid-row:span 2}.portfolio-item.landscape{grid-row:span 1}.portfolio-item:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.portfolio-item img{display:block;height:100%;min-height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{font-family:Roobert-Medium,sans-serif;font-size:1.1rem}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-image{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:10px;position:absolute;right:0;top:-50px;transition:background .2s ease}.lightbox-close:hover{background:#fff3}.lightbox-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:15px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-info{bottom:-60px;color:#fff;left:0;position:absolute;right:0;text-align:center}.lightbox-info h3{font-family:Roobert-Medium,sans-serif;font-size:1.2rem;margin-bottom:.5rem}.lightbox-info p{font-size:.9rem;opacity:.7}footer{align-items:center;color:#000;display:flex;font-size:.75rem;height:42px;justify-content:center;opacity:.5;width:100%}@media (max-width:1200px){.portfolio-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){main{min-height:calc(100vh - 114px);padding:16px}.page-content h1{font-size:2.5rem}.portfolio-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links ul{gap:12px;margin-right:20px}.nav-links ul li a{font-size:1rem}.logo{margin-left:16px}.logo a{font-size:1.5rem}.socials{margin-right:16px}.lightbox-nav{display:none}.lightbox-content{max-width:95vw}.portfolio-header h2{font-size:2rem}.info-container{max-width:none;padding:1.5rem;width:90%}.profile-picture img{height:12rem;width:12rem}.info-title h2{font-size:2rem}.info-description p{font-size:1rem}}@media (max-width:480px){.page-content h1{font-size:2rem}.portfolio-masonry{grid-template-columns:repeat(1,minmax(0,1fr))}.nav-links ul{flex-direction:column;gap:8px;margin-right:10px}.nav-links ul li a{font-size:.9rem}.logo a{font-size:1.3rem}.socials a{font-size:2rem;margin:0 2px}.info-container{padding:1rem;width:100%}.profile-picture img{height:10rem;width:10rem}.info-title h2{font-size:1.8rem}}
/*# sourceMappingURL=main.ce55cd27.css.map*/