: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.App{max-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;position:relative}.Outer{margin-left:300px;margin-right:300px}.about-profile-img{width:clamp(8rem,28vw,18rem);height:auto;border-radius:15%;margin-top:20px;margin-left:clamp(0rem,3vw,50px)}@media(max-width:768px){.Outer{width:min(100% - 1rem,1200px);padding-inline:.5rem}.about-profile-img{width:clamp(7rem,42vw,11rem);margin-left:0}.contact-layout{flex-direction:column!important;align-items:stretch!important}.contact-form{width:100%!important;min-width:100%!important}}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:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bgImageStarbase{background-color:#d3d3d3}.bgimg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.bgimg-1{background-color:#f5f5f5;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;max-height:100%;border-top:white solid 5px;border-bottom:white solid 5px}.bgimg-2{background-image:url(/damianwebsite/assets/neoncar-C_A6pSNl.jpeg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;max-height:100%}.bgimg-3{background-image:url(/damianwebsite/assets/cool-city-CJyo7upN.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100%}@media only screen and (max-device-width:1024px){.bgimg-1,.bgimg-2,.bgimg-3{background-attachment:scroll}}body{min-height:100%}.navbar-fixed-left{position:fixed;width:10%;z-index:2000}.card-font{padding-top:0;margin-bottom:.75rem;font-size:x-large;color:#fff;font-family:karla,sans-serif}.card-background{opacity:1;color:#696969;font-family:karla,sans-serif;font-size:15px;text-align:left}.card-background2{font-family:Roboto,sans-serif;font-size:large;opacity:1;color:#d3d3d3;text-align:left}.card-background3,.card-background4{font-family:Roboto,sans-serif;font-size:large;opacity:1;color:#d3d3d3;text-align:left;background-color:#f5f5f5;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;max-height:100%}.card-btn{padding:.7 em 2 em;background:radial-gradient(#1057da,#6109a84d);color:#eaf2e3;text-decoration:none;text-transform:uppercase;margin:1 em auto 0;border-radius:25 px;padding-left:1.5rem;padding-right:1.5rem}.card-btn2{background:radial-gradient(#1057da,#6109a84d);color:#eaf2e3;font-size:30px;text-decoration:none;margin:1 em auto 0;border-radius:25 px;padding:.1rem 1.5rem .05rem}.project-card{position:relative;border:3px white solid;border-radius:10px;margin:50px;width:400px;height:400px;overflow:hidden;box-shadow:0 1.5rem 3rem #000;color:#fff;font-weight:700;font-family:karla,sans-serif}.project-card__image{display:block;width:100%;height:auto}.project-card__overlay{position:absolute;inset:0;background:#000000d9;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,visibility .25s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem 1.5rem}.project-card:hover .project-card__overlay{opacity:1;visibility:visible}.project-card__stack{display:flex;flex-wrap:wrap;justify-content:space-around;font-size:1rem;margin-bottom:.75rem;list-style:none;margin:0 0 .75rem;padding-left:1.25rem;text-align:left}.project-card__stack li{color:#000;font-size:.8rem;font-weight:lighter;margin:.25rem;padding:.25rem .5rem;border-radius:10px;background-color:#faebd7}.project-card__description{font-size:12px;margin-bottom:1rem}.project-card__actions{display:flex;align-items:center;justify-content:center}.card-header{text-align:left;border-bottom:0}.card-img-top{width:100%;max-width:400px}.contactPad{padding-bottom:10vmax}.displayBackground{text-align:center;color:#fff;font-family:Roboto,sans-serif;margin:10px;padding-right:30px;border-radius:25px;background-color:#52362699}#footer{flood-color:beige;font-size:small;text-decoration:none;flex-direction:row;position:fixed;text-align:center;bottom:0;width:100%;height:2%;background:#8a8a8a}.grow{display:inline-flex;color:#fff;transition:all .2s ease-in-out;text-decoration:none}.grow:hover{transform:scale(2);text-decoration:none}.iconLabel{font-family:Nanum Pen Script,cursive;text-decoration-line:none;color:#fff;position:relative;margin-right:0rem;margin-left:0%;padding:.2rem 0}.introCard{border-top:white solid 5px;border-bottom:white solid 5px;width:100%;color:#fff;font-size:40px;font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-display:swap;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.1);-webkit-text-stroke:1px rgba(255,255,255,.1);background-size:cover;opacity:1;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);padding-top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);animation:fadeInUp 1s ease-out;transform-origin:center}#logo{height:auto;width:auto;overflow:hidden}#musicSteamDiv{background-image:url(/damianwebsite/assets/coralSmoke-DHg5B0-i.png);background-color:bisque;background-size:cover;background-position:center;color:#000;font-weight:700}.navbar-header{font-size:9px;border:dodgerblue solid 3px;background-color:#2b548ac4}.neonCity{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100%;background-color:#f5f5f5}#playerCard{padding-top:30px;padding-bottom:30px;font-size:15px;border-top:5px black solid;border-bottom:5px black solid}.portfolioPad{position:relative;text-align:center}.profiledescription{font-family:Roboto,sans-serif;text-indent:2rem;color:#696969;margin:10px;padding-right:30px;border-bottom-right-radius:75px;border-top-right-radius:75px}svg{display:inline-flex;color:#fff;text-decoration:none}#top{overflow:hidden}#top h2{font-family:Roboto,sans-serif;color:#d3d3d3;font-size:1.6rem;position:relative;margin-right:0rem;margin-left:0%;padding:.8rem 0}#top h2:before{background-color:#000;bottom:0;content:" ";left:0rem;position:absolute;right:0;transform-origin:100% 0;transform:skew(-40deg);top:0;z-index:-1}#top-2{overflow:hidden}#top-2 h2{font-family:Roboto,sans-serif;color:#d3d3d3;font-size:1.6rem;position:relative;margin-left:6rem;padding:.8rem 0}#top-2 h2:before{background-color:#000;bottom:0;content:" ";left:-9999rem;position:absolute;right:0;transform-origin:100% 0;transform:skew(-40deg);top:0;z-index:-1}.yellowBG{background-color:#f5f5f5;color:#696969;width:100%;min-height:100%;opacity:.9}.fade-in{animation:fadeIn ease 2s;-webkit-animation:fadeIn ease 2s;-moz-animation:fadeIn ease 2s;-o-animation:fadeIn ease 2s;-ms-animation:fadeIn ease 2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%) translateY(30px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes textGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.1)}50%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.3)}}.introCard p{font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:.01em;line-height:1.4;margin:.5rem 0;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.3)}.introCard .subtitle{font-weight:400;font-size:clamp(.9rem,2vw,1.1rem);letter-spacing:.05em;opacity:.9;margin-top:1rem}@media(max-width:768px){.introCard{padding:1.5rem;font-size:32px}.introCard h1{font-size:clamp(1.5rem,4vw,2.5rem)}.introCard p{font-size:clamp(.9rem,2vw,1.2rem)}}@media(max-width:480px){.introCard{padding:1rem;font-size:24px;width:95%}.introCard h1{font-size:clamp(1.2rem,3.5vw,2rem)}}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2")}.Outer{width:min(100% - 2rem,1200px);margin-inline:auto;padding-inline:clamp(.5rem,1.5vw,1rem)}.project-card{width:min(100%,380px);aspect-ratio:1 / 1;height:auto;margin:clamp(12px,2.5vw,24px) auto}.card-img-top{width:100%;max-width:100%}.contactPad{width:min(100% - 2rem,760px);margin-inline:auto;padding-bottom:clamp(3rem,8vw,6rem)}@media(max-width:768px){.Outer{width:min(100% - 1rem,1200px);padding-inline:.5rem}.project-card{width:min(100%,320px);margin:.75rem auto}.contactPad{width:min(100% - 1rem,100%)}}@media(max-width:420px){.project-card{width:100%}}