html{scroll-behavior:smooth;background-color:#00060f}html a:hover{color:#e27689}body{background-color:#00060f;margin:0;padding:0;font-family:Source Sans Pro,sans-serif;overflow-x:hidden}#root{height:100%;display:flex}#root .nav-toggle{z-index:1001;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#00060f;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1em;transition:opacity .15s;display:flex;position:fixed;top:15px;left:15px}@media (width<=1000px){#root .nav-toggle{opacity:1;pointer-events:auto}}#root .nav-toggle.hidden{opacity:0;pointer-events:none}#root nav{color:#fff;background-color:#00060f;flex-direction:column;align-self:flex-start;width:21%;min-width:280px;height:100vh;font-size:1.7em;transition:transform .35s;display:flex;position:sticky;top:0;overflow-y:auto;transform:translate(0)}@media (width<=1000px){#root nav{z-index:1000;width:75%;min-width:0;max-width:320px;position:fixed;top:0;left:0;transform:translate(-100%)}#root nav.nav-open{transform:translate(0)}}#root nav .nav-container{justify-content:space-between;align-items:center;margin:10px 10% 0 0;line-height:20px;display:flex}#root nav .nav-container .navImg{padding-left:40px}#root nav .nav-container span{color:#818181;font-size:12px}#root nav ul{margin-right:10%;list-style-type:none}#root nav ul li{text-align:right;justify-content:space-between;display:flex}#root nav ul li a{color:#dbdbdb;text-decoration:none;transition:color .3s}#root nav ul li :hover{font-style:italic}#root nav ul li .font-awesome{padding-top:5px;font-size:20px;transition:color .3s}#root nav ul li.active a{color:#fff}#root nav ul li.active .font-awesome{color:#e27689}#root nav .contact-me{justify-content:center;margin-top:auto;padding:20px 0;display:flex}#root nav .contact-me a{color:#fff}#root nav .contact-me a:hover{color:#e27689}#root main{background:linear-gradient(#190073 0%,#006fab 50%,#b0c4ff 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;display:flex}#root main #about{margin:10% 0}#root main .card-container{color:#dbdbdb;text-align:center;width:100%;margin:20px 0}#root main .card-container.dark-text{color:#00060f}#root main .card-container div{padding:12px 0 0;font-size:2.9em}#root main .card-container span{color:#fff}#root main .card-container img{width:85%}#root main .card-container .sub-text{width:90%;margin:0 auto;padding:12px 0;font-size:1.5em}#root main .card-container .sub-text ul{text-align:left;width:85%;max-width:890px;margin:15px auto}#root main .card-container .sub-text ul li{padding:3px 0 1px}#root main .card-container .sub-text ul li a{color:#fff;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#root main .card-container .sub-text ul li a:hover{color:#e27689}#root main .divider{border:0;border-top:1px solid #00060f;width:100%;margin:20px 0}#root main .divider.last{margin:20px 0 0}#root main .carousel{justify-content:center;align-items:center;width:75%;margin:20px 0;display:flex;position:relative}#root main .carousel .carousel-image-wrap{width:50%;transition:height .4s;overflow:hidden}#root main .carousel .carousel-image{object-fit:cover;outline-offset:-3px;outline:3px solid #0000;width:100%;transition:outline-color .2s;display:block}#root main .carousel .carousel-image:hover{outline-color:#fff}#root main .carousel .carousel-btn{color:#fff;cursor:pointer;background:#0b3675;border:none;padding:8px 14px;font-size:1.2em;position:absolute;top:27px;transform:translateY(-50%)}#root main .carousel .carousel-btn.carousel-prev{left:0}#root main .carousel .carousel-btn.carousel-next{right:0}#root main .carousel .carousel-dots{gap:8px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}#root main .carousel .carousel-dots .carousel-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:10px;height:10px}#root main .carousel .carousel-dots .carousel-dot.active{background:#fff}#root main .bubble-styling{background-color:#00060f;border:2px solid #06f;border-radius:0 15px;width:75%;padding:20px}#root main .bubble-styling.altBubble{background-color:#0b3675}#root main .bubble-styling h2{color:#fff}#root main .bubble-styling .design-work{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}#root main .bubble-styling .design-work img{aspect-ratio:1;object-fit:contain;object-position:center;width:75%;margin:0 auto;display:block}#root main .bubble-styling .sub-text{border-top:2px dotted #dbdbdb99;margin-top:10px}#root main .tools-container{width:80%}#root main .tools-container h2{font-size:30px}#root main .tools-container span{font-size:7em}#root main .tools-container .tool-icon-row{flex-wrap:wrap;gap:24px;display:flex}#root main .tools-container .tool-icon{color:#363636;flex-direction:column;align-items:center;gap:8px;display:flex}#root main .tools-container .tool-icon .tool-label{text-align:center;font-size:16px}#root main footer{text-align:center;background-color:#cbd9d7;width:100%;padding:50px 0;font-size:1.1em}#root main .contact-methods{text-align:left;width:300px;margin:0 auto;font-size:.4em!important}#root main .contact-methods a{color:#00060f;text-decoration:none}#root main .contact-methods a:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}