.logo{font-weight:700;color:#fff;font-size:2rem}.nav_pages{height:3rem}.nav_pages-fixed{display:flex;width:100%;color:var(--third-color);align-items:center;padding:0rem 1rem;position:fixed;top:0;left:0}.nav_pages-fixed.scrolled{background-color:#000000e3;transition:background-color .5s ease-in-out;z-index:10}.nav_pages .logo{font-size:24px;margin-right:5px;letter-spacing:-2px}.nav_pages-page-name{font-size:1rem}.parallax{background-image:url(parallax1.jpg);height:100vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;margin:2rem 0px;border-radius:15px}#root{box-sizing:border-box;max-width:1280px;margin:0 auto}.hero{display:flex;width:100%;height:100vh;background-color:#000}.hero_main-container{display:flex;width:100vw;justify-content:space-between;background:linear-gradient(0deg,#1a1a1a9f,#1d1d1dde),url(/DSC03454.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-sizing:border-box;padding:1rem 0}.main_a{box-sizing:border-box;display:flex;flex-grow:1;align-items:center;flex-direction:column;padding:1rem}.main_a.webdev{flex-direction:column-reverse}.hero_a-span{font-size:4rem;font-weight:700;line-height:.9;text-shadow:rgb(24,24,24) 1px 6px 10px}.hero_divider-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--orange);width:2px;height:90%}.hero_divider-div-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f06711;height:8px;width:8px}.hero_divider-div-shape.top{top:10%}.hero_divider-div-shape.bottom{top:90%}:root{font-family:JetBrains Mono,monospace,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--main-color:rgb(23, 31, 44);--clickable-one:white;--third-color: rgb(255,216,0);--gray: #666666;--dark-gray: #0C0C0C;--orange:#F06711;--green:rgb(137, 255, 2);--border-15:15px;--border-10:10px;--border-5:5px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--clickable-one);text-decoration:inherit}a:hover{color:var(--green)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--green);color:var(--green)}button:focus,button:focus-visible{outline:var(--green) 4px auto -webkit-focus-ring-color;color:var(--green)}.dev_main{background-color:#000;display:flex;width:100%;flex-direction:column;box-sizing:border-box}.dev_hero{box-sizing:border-box;display:flex;height:100vh;padding:2rem;flex-direction:column;justify-content:flex-end}.dev_hero-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex-grow:1}.dev_hero-span{font-size:3rem;font-weight:700;letter-spacing:-2px;line-height:2.8rem;color:#fff;opacity:0;animation:textAnimation 1s ease-in-out forwards}.dev_hero-span.yellow{color:var(--third-color)}@keyframes textAnimation{0%{opacity:0}to{opacity:100}}.dev_hero-span.white{animation-delay:.5s}.dev_hero-div{display:flex;width:100%;justify-content:center;margin-top:1rem}.dev_hero-tag{padding:0 1rem;opacity:0;animation:textAnimation 1s ease-in-out forwards}.dev_hero-tag.st{animation-delay:1s}.dev_hero-tag.rd{animation-delay:1.5s}.dev_hero-tag.nd{border-left:1px solid;border-right:1px solid;animation-delay:2s}.dev_tech{display:flex;box-sizing:border-box;width:100%;flex-direction:column;align-items:center;padding:2rem}.dev_tech-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;justify-items:center;align-items:center}.dev_tech-icon-container{display:flex;padding:1rem;width:100%;max-width:200px;flex-direction:column;align-items:center;gap:.4rem;border-radius:4px;background-color:var(--dark-gray);box-sizing:border-box}.dev_tech-icon{display:flex;align-items:center;font-size:4rem;color:#fff}.dev_tech-icon-container p{color:var(--gray);margin:0}.dev_info-section{display:flex;box-sizing:border-box;width:100%;padding:1rem;margin:4rem 0;flex-direction:column;justify-content:center;align-items:center}.dev_info-header{color:var(--gray);margin:2rem 0}.dev_info-container{display:flex;width:100%;height:80vh;flex-direction:column;align-items:center}.dev_info-interactive-container{display:flex;width:100%;height:100%;flex-direction:column;align-items:center}.dev_info-interactive-option{display:flex;width:100%;justify-content:center;align-items:center;flex:1;color:#fff;background-color:#000;border:3px solid var(--orange);border-width:0px 2px;border-radius:0}.dev_info-interactive-movable{display:flex;width:100%;align-items:center;justify-content:center;flex:1}.dev_info-interactive-option.disabled{animation:shrink 1s ease-in-out forwards;animation-delay:.1s}@keyframes shrink{0%{height:auto}to{height:0;flex:0;display:none}}.dev_info-interactive-modal{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;position:relative}.dev_info-modal-arrow{display:flex;box-sizing:border-box;justify-content:center;align-items:center;font-size:100%;width:3rem;height:3rem;padding:0;position:absolute;border-radius:100%;top:-.5rem;left:0rem;color:#fff}.dev_info-interactive-modal h4{font-size:2rem;font-weight:700;text-align:center}@media (min-width: 768px){.dev_info-interactive-container{flex-direction:row}.dev_info-interactive-option,.dev_info-interactive-movable{height:100%}@keyframes shrink{0%{width:100%}to{width:0;flex:0;display:none}}}.dev_projects{display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.dev_projects-grid{display:grid;gap:2rem;margin-bottom:6rem}.dev_pro-card{display:flex;width:100%;padding-right:1rem;box-sizing:border-box}.dev_pro-card-line-container{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 1rem}.dev_pro-card-line{width:2px;background-color:var(--gray);height:100%}.dev_pro-card-line.circle{width:15px;height:15px;border-radius:25px;border:6px solid black;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.dev_pro-card-line.highlighted{background-color:var(--orange)}.dev_pro-card-info-container{display:flex;flex-direction:column;width:100%}.dev_pro-card-info-container-div{flex:1}.dev_pro-card-info-title{font-size:2rem}.dev_pro-card-info-tags-container{display:flex;gap:2rem}.dev_pro-card-info-tag{display:flex;border:1px solid var(--orange);padding:5px;color:var(--orange)}.dev_pro-card-info-description{font-family:Roboto}.dev_pro-card-info-tag.button{display:inline-block;padding:1rem;border-radius:0;background-color:#000;margin:1rem 0}.dev_pro-card-img{width:100%;border-radius:10px}@media (min-width: 700px){.dev_pro-card-info-container{flex-direction:row}}.dev_header{text-align:center;width:100%;letter-spacing:.5rem;margin:4rem 0}.contact_section{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#000;padding:4rem 2rem;height:100vh;box-sizing:border-box;width:100%}.contact_title{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;margin:0}.contact_title-divider{display:flex;width:100%;align-items:center}.contact_title-line{height:3px;width:100%;background-color:#fff}.contact_title{font-weight:bolder;font-size:5rem;letter-spacing:5px;line-height:.9}.contact_form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.contact_form-group{display:flex;width:100%;flex-direction:column;font-family:Roboto;color:var(--gray);max-width:500px}.contact_form-group.radio{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.contact_form-group label{margin:.5rem 0}.contact_form-text-input{padding:1rem}.contact_form-options-container{display:flex;width:100%;flex-direction:row}.contact_form-options-collumn{display:flex;flex:1;flex-direction:column;gap:.5rem}.contact_form-options-div{display:flex;gap:.5rem;justify-content:start;align-items:center}.contact_form-options-div input{height:1.5rem;width:1.5rem}.contact_form-text-input.message{height:4rem}.contact_form-send{display:flex;padding:1rem 2rem;border:1px solid var(--orange);background-color:#000;color:var(--orange);font-size:1rem;font-weight:700}.footer_section{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:2rem 0}.footer_logo-container{display:flex;width:100%;justify-content:center;align-items:center}.footer_logo-span{font-size:3rem;margin-right:5px;letter-spacing:-2px;font-weight:700;line-height:3rem}.footer_pages-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.footer_page-div{display:flex;color:var(--third-color)}.footer_social-container{display:flex;width:100%;gap:2rem;justify-content:center;font-size:3rem}.photo_main{display:flex;flex-direction:column;align-items:center;margin:0 auto}.photo_hero-section{display:flex;height:100vh;background-position:center;background-size:cover}.photo_hero-div{display:flex;flex-grow:1;flex-direction:column;justify-content:flex-end;padding:2rem}.photo_hero-div h2,p{opacity:0;animation:photoText .5s ease-in-out forwards}.photo_hero-h2{animation-delay:.5s}.photo_hero-text{animation-delay:1s}@keyframes photoText{0%{opacity:0}to{opacity:1}}.photo_gallery-section{padding:2rem;background-color:#000}.photo_gallery-h3{display:flex;flex-direction:column;text-align:start;font-size:2.5rem;margin:2rem 0;line-height:2.6rem}.photo_gallery-span.yellow{color:var(--third-color)}.gallery_grid-heading-container p{margin:0}.photo_gallery-text-div{display:flex;justify-content:space-between;align-items:center;color:#373737}.photo_gallery-text-div span{text-align:center}.gallery_grid-section{display:grid;grid-template-columns:2fr;gap:.5rem;margin:2rem 0}.gallery_grid-block{display:flex;width:100%;gap:.5rem}.gallery_grid-block.inverted{flex-direction:row-reverse}.gallery_grid-container-collumn{display:flex;width:100%;flex:1}.gallery_grid-container-collumn.square{flex-direction:column;gap:.5rem}.gallery_grid-picture-container{display:flex;width:100%;height:100%;justify-content:center;margin:0;padding:0;border-radius:2px;overflow:hidden}.gallery_grid-picture-container.none{display:none}.gallery_grid-picture-container img{width:100%;object-fit:cover}.photo_a-website-container{display:flex;align-items:center;justify-content:center;background-color:#000;width:100%}.photo_a-website{padding:1rem 2rem;border:2px solid var(--third-color)}