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}.sidebar-index{-ms-overflow-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a;contain:layout paint;left:-2px;overflow:hidden;position:absolute;scrollbar-width:none;transform:translateZ(0);transition:width .3s ease-out,top .3s ease-out;width:180px;will-change:top,width;z-index:100}.sidebar-index.minimized{overflow:hidden;width:38px}.sidebar-index.minimized .sidebar-title span{display:none;opacity:0;visibility:hidden;width:0}.sidebar-index.minimized .sidebar-title{align-items:center;display:flex;height:46px;justify-content:center;overflow:hidden;padding:0}.sidebar-index.minimized ul{display:none;opacity:0;overflow:hidden;visibility:hidden}.sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px;z-index:2}.sidebar-index.minimized .sidebar-toggle{margin:0;position:static;transform:none}.sidebar-toggle:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.sidebar-index.minimized .sidebar-toggle:hover{transform:scale(1.1)}.sidebar-toggle:focus{outline:none}.sidebar-toggle-icon{height:14px;position:relative;width:14px}.sidebar-toggle-icon:after,.sidebar-toggle-icon:before{background-color:#e0fbfc;content:"";height:2px;position:absolute;transition:transform .3s ease;width:8px}.sidebar-toggle-icon:before{left:3px;top:4px;transform:rotate(-45deg)}.sidebar-toggle-icon:after{left:3px;top:8px;transform:rotate(45deg)}.minimized .sidebar-toggle-icon:before{top:4px;transform:rotate(45deg)}.minimized .sidebar-toggle-icon:after{top:8px;transform:rotate(-45deg)}.sidebar-index.light{background-color:#899faacc;border:2px solid #ddd}.sidebar-index.dark{background-color:#253236e8;border:2px solid #444}.sidebar-title{align-items:center;box-sizing:border-box;display:flex;font-size:1.1rem;font-weight:700;height:46px;justify-content:center;padding:12px 40px 12px 12px;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap}.sidebar-title span{transition:opacity .2s ease,visibility .2s ease}.sidebar-index.light .sidebar-title{background-color:#253237e8;color:#e0fbfc}.sidebar-index.dark .sidebar-title{background-color:#0e1416e8;color:#e0fbfc}.sidebar-index ul{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;list-style:none;margin:0;overflow:auto;overscroll-behavior:contain;padding:0;scroll-behavior:smooth;scrollbar-width:none;transition:opacity .2s ease,visibility .2s ease}.sidebar-index li{border-left:3px solid #0000;border-radius:0 4px 4px 0;cursor:pointer;font-size:.9rem;margin-bottom:2px;padding:12px 15px;text-shadow:1px 1px #0003;transition:all .2s ease}.sidebar-index.light li{color:#253237}.sidebar-index.dark li{color:#eee}.sidebar-index li:hover{background-color:#0000001a;transform:translateX(3px)}.sidebar-index li.active{background-color:#0000001a;border-left-color:#9db4c0;font-weight:700}.sidebar-index.light li.active{background-color:#0000000d}.sidebar-index.dark li.active{background-color:#ffffff0d}@media (max-width:1400px){.sidebar-index{display:none}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.skills-section{margin-bottom:4rem}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-item{align-items:center;background-color:var(--background-color);border-radius:8px;display:flex;flex-direction:column;padding:1rem;transition:background-color .3s ease}.skill-item:hover{background-color:#e9ecef;color:var(--background-color)}.skill-item svg{color:var(--secondary-color);font-size:2rem;margin-bottom:.5rem}.about-section{align-items:center;border:2.5rem;display:flex;flex-direction:column;margin-left:1.5rem}.profile-image{border-radius:50%;box-shadow:1px 1px 10px #000000b3;height:200px;object-fit:cover;width:200px}.about-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:.5rem;text-shadow:0 1px #00000080}.about-content h2{text-shadow:1px 4px #0003}:root[data-theme=light]{--background-color:#899faa;--heading-color:#253237e8;--heading-text-color:#253237;--content-item-color:#9db4c0;--container-color:#899faa66;--text-color:#333;--link-color:#007bff;--border-color:#dddddde8;--image-border-color:#0f0c0c}:root[data-theme=dark]{--background-color:#121212;--heading-color:#0e1416e8;--heading-text-color:#e0fbfc;--content-item-color:#9db4c0;--container-color:#253236e8;--text-color:#eee;--link-color:#1a91da;--border-color:#444444e8;--image-border-color:#666}html{background-color:var(--background-color);background-image:repeating-linear-gradient(45deg,#25323705,#25323705 1px,#0000 0,#0000 3px),repeating-linear-gradient(-45deg,#25323705,#25323705 1px,#0000 0,#0000 3px);transition:background-color .3s,color .3s}body,html{color:var(--text-color)}body{font-family:Roboto,sans-serif;font-size:16px;height:auto;line-height:1.6;overflow-x:auto;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600}.App{display:flex;justify-content:center}.content{margin:0 auto;max-width:1200px;padding:2rem}.websites-container{align-items:center;background-color:var(--container-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:2rem;padding-bottom:33px;padding-top:33px}.websites-container-info{z-index:2}.websites-container-info,.websites-container-info2{align-items:center;background-color:var(--container-color);border:44px solid var(--heading-color);border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;padding-bottom:33px;padding-top:33px;position:relative}.websites-container-info2{z-index:0}.websites-container-content{font-size:1.4em;padding-bottom:33px;text-align:center;z-index:2}.websites-container-content a{color:var(--heading-text-color);text-decoration:underline}.websites-container-content a:hover{color:var(--hover-color)}.websites-container-content ul{list-style-type:none;padding-left:45px;padding-right:45px}.websites-container-content ul li{text-shadow:0 1px #000000b3}.websites-container-content ul li,.websites-container-content-addition{color:var(--heading-text-color);cursor:default;margin-bottom:21px;position:relative;transition:all .3s ease}.websites-container-content-addition{font-size:1.5em;margin-left:51px;margin-right:51px;text-shadow:0 1px #00000080}.websites-container-content ul li:before{color:var(--heading-text-color);font-size:1.5rem;left:0;line-height:1;position:absolute}.websites-container-content ul li:hover{color:var(--hover-color);transform:translateX(10px)}:root[data-theme=light]{--hover-color:#0e1416}:root[data-theme=dark]{--hover-color:var(--content-item-color)}.websites-container-content2{background-color:var(--container-color);font-size:1.2em;padding-bottom:33px;position:relative;text-align:left;z-index:2}.websites-container-content2 ul{list-style-type:none;padding-left:51px;padding-right:27px}.websites-container-content2 ul li{cursor:default;margin-bottom:21px;padding-left:21px;position:relative;text-shadow:1px 1px #0000004d;transition:all .3s ease}.websites-container-content2 ul li:before{color:var(--content-item-color);content:"•";font-size:1.5rem;left:0;line-height:1;position:absolute}.websites-container-content2 ul li:hover{color:var(--hover-color);transform:translateX(10px)}.website-preview{border:1px solid var(--content-item-color);border-radius:8px;box-shadow:0 6px 10px #0009;margin-bottom:6px;overflow:hidden;padding:0;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px;z-index:2}.website-preview:hover{border:1px solid var(--content-item-color);transform:translateY(-5px);transform:scale(1.02)}.website-preview:hover .website-image{opacity:1}.website-image{display:block;height:200px;object-fit:cover;opacity:.93;transition:opacity .3s ease;width:100%}.info-pane{background:#fff;margin:0}.info-pane p{margin:0;padding:0}.overlay{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-enter{opacity:0}.overlay-enter-active{opacity:1;transition:opacity .3s}.overlay-exit{opacity:1}.overlay-exit-active{opacity:0;transition:opacity .3s}.enlarged-image{animation:scaleUp .3s ease-in-out;max-height:90%;max-width:90%;z-index:99}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.info-pane{background-color:var(--heading-color);bottom:0;color:#c2dfe3;left:0;padding:10px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease-in-out}.website-preview:hover .info-pane{transform:translateY(0)}.website-title{color:#e0fbfc;font-size:1.2rem;font-style:italic;font-weight:600;margin-bottom:.5rem;z-index:2}.website-info{color:#666;font-size:.9rem;margin:5px 0 0;text-shadow:1px 1px #000000b3}.parallax-container{height:100vh;overflow:hidden;position:relative}.split-container{align-items:center;display:flex;gap:2rem;justify-content:center}.left-column{max-width:30%}.left-column,.right-column{display:flex;flex-direction:column}.right-column{max-width:73%}.right-column websites-container-content ul li{text-align:left}.parallax-layer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.parallax-layer-back{transform:translateZ(-3px) scale(4)}.parallax-layer-mid{transform:translateZ(-2px) scale(3)}.parallax-layer-front{transform:translateZ(-1px) scale(2)}.App-header{text-align:center}.App-header h2{font-size:2.5rem;margin-bottom:15px}.email a{color:var(--heading-text-color);font-size:1.1em;text-decoration:none;transition:all .3s ease}.email a:hover{color:#c2dfe3;text-decoration:none}.social-links{align-items:center;display:inline-flex;gap:27px;justify-content:center;padding-left:9px;padding-right:9px;z-index:2}.social-link{align-items:center;color:#007bff;display:flex;flex-direction:row;font-size:1.2rem;text-shadow:1px 1px #000000b3}.social-link,.social-link-footer{text-decoration:none;transition:color .3s ease;z-index:2}.social-link-footer{text-shadow:1px 1px #0000004d}.social-link-footer:hover{color:#c2dfe3}.social-link span{margin-left:8px}.bugcrowd-link:hover,.github-link:hover,.linkedin-link:hover{color:#c2dfe3}.social-link .faGithub,.social-link .faLinkedin{font-size:24px}#tsparticles{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.name-heading{background-color:var(--heading-color);border-radius:8px 8px 0 0;color:#e0fbfc;padding-bottom:33px;padding-top:33px;text-align:center}.name-heading a{color:var(--content-item-color)}.name-heading h2{font-size:5em;text-align:center;text-shadow:1px 4px #0006}.name-heading2{position:relative;text-shadow:1px 4px #0003}.name-heading2,.websites-container-name{color:var(--heading-text-color);text-align:center}.websites-container-name{font-size:2em;padding-top:44px}.websites-container-list{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-bottom:33px}.layout-toggle-container{align-items:center;background-color:var(--container-color);border-radius:8px;display:flex;justify-content:flex-start;margin-bottom:1rem;margin-left:5rem;margin-right:5rem;padding:.5rem}.layout-container-space{flex-grow:1}.search-container{align-items:center;display:flex;justify-content:flex-end;position:relative}.search-icon{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:color .3s ease}.search-icon:hover{color:var(--link-color)}.search-input{background-color:var(--background-color);border:none;border-radius:4px;color:var(--text-color);display:none;font-size:1rem;padding:.5rem;position:absolute;right:100%;top:0;transition:width .3s ease,padding .3s ease;width:0}.search-input:focus{box-shadow:0 0 0 2px var(--link-color);outline:none}.search-container:hover .search-input,.search-input:focus{display:block;padding:.5rem 2.5rem .5rem .5rem;width:200px}.project-toggle{background:none;border:none;border-radius:4px;box-shadow:0 2px 4px #000000b3;color:var(--text-color);cursor:pointer;font-size:1.2rem;margin:0 .25rem;padding:.5rem 1rem;transition:all .3s ease}.project-toggle:hover{background-color:#7239390d;color:var(--link-color)}.project-toggle.active{background-color:#0000001a;color:var(--link-color)}.project-toggle:focus{box-shadow:0 0 0 2px var(--link-color);outline:none}.grid-layout .project-image,.list-layout .project-image{height:233px;width:350px}.list-layout .project-content{align-items:flex-start}@media (max-width:768px){.grid-layout .project-image,.list-layout .project-image{height:auto;width:100%}}.layout-toggle-btn{align-items:center;background-color:var(--link-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-bottom:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.layout-toggle-btn:hover{background-color:var(--link-hover-color)}.layout-toggle-btn svg{margin-right:.5rem}.project-list-item{background-color:var(--container-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0006;margin-bottom:2rem;margin-left:1rem;margin-right:1rem;padding:1rem;transition:box-shadow .3s ease}.project-list-item:hover{box-shadow:0 6px 12px #00000026}.project-list-item .project-title{color:var(--heading-text-color);font-size:1.5em;margin-bottom:1rem}.project-list-item .project-content{display:flex;gap:1rem;margin-bottom:1rem}.project-list-item .project-content-left .project-content-right{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-content-right{flex:1 1;text-align:left}.project-list-item .project-image{border-radius:4px;height:200px;margin-bottom:1rem;object-fit:cover;width:300px}.project-list-item .project-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;text-shadow:1px 4px #0003}.project-list-item .project-info p{line-height:1.6;margin-bottom:1rem;text-shadow:0 1px #000000b3}.project-buttons{align-items:center;display:flex;gap:10px;justify-content:center}.project-list-item .project-link{background-color:var(--link-color);border-radius:4px;box-shadow:2px 4px #0000001a;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;text-shadow:1px 1px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.project-list-item .project-link:hover{background-color:var(--link-hover-color);box-shadow:none}.project-list-item .project-improvements h3{color:var(--heading-text-color);margin-bottom:.5rem}.project-list-item .project-improvements ul{margin:0;padding-left:20px}.project-list-item .project-improvements li{margin-bottom:.5rem;text-shadow:1px 1px #0000001a}@media (max-width:768px){.project-list-item .project-content{flex-direction:column}.project-list-item .project-image{height:auto;width:100%}}.server-list,.server-list li{position:relative}.server-list li{padding:10px;transition:background-color .3s ease}.server-list li:hover{background-color:#0000001a}.server-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:200px;max-width:300px;opacity:0;pointer-events:none;position:absolute;right:calc(69% + 30px);top:0;transform:translateY(0);transition:opacity .3s ease;z-index:10}.server-list li:hover .server-image{opacity:1}.google-map-container{padding-bottom:33px;padding-top:9px;position:relative}.google-map-container iframe,.iframe{position:relative;z-index:2}@media (max-width:792px){.google-map-container iframe{width:100%}.server-image{right:16px;top:-100%}}@media (max-width:768px){.split-container{flex-direction:column}.left-column,.right-column{max-width:100%}.name-heading h2{font-size:2.7em;overflow:hidden;position:relative;text-align:center}}
/*# sourceMappingURL=main.f0732610.css.map*/