.main-content-container{display:flex;flex-direction:column;width:100vw;height:100vh;margin:0 auto}html,body{background:url(../img/Brickwall_bkgd.jpg);width:100vw;height:100vh;font-size:62.5%;font-family:Arial,Helvetica,sans-serif;margin:0px;overflow-y:scroll}*{padding:0;margin:0}*{padding:0;margin:0;box-sizing:border-box}input{font-size:100%}.centered{text-align:center}.main-content-container{display:flex;flex-direction:column;width:100vw;height:100vh;margin:0 auto;max-width:2000px}.nav-bar{display:flex;flex-direction:row;justify-content:center;position:fixed;z-index:1;width:100%;background-color:#000;padding:15px;max-width:2000px}.nav-items{display:inline-flex;flex-direction:row;justify-content:center;align-items:center}a{font-size:30px;text-decoration:none;color:#fff;width:300px;cursor:pointer}.nav-items .resume{color:#000;background-color:gold;text-align:center;padding:10px;width:15%;border-radius:5px}.nav-items a:hover{color:gold}.nav-items .resume:hover{color:#000}.nav-bar img{position:absolute;left:20px;top:5px;width:6%}.hamburger{display:none}.closebtn{display:none}.sub-nav-content{display:none}.nav-items .mobile-projects{display:none}.hero{display:flex;flex-direction:row;justify-content:center;border-bottom:70px solid #000}.left-content-container{display:flex;flex-direction:column;justify-content:center;width:80%}.intro{display:flex;flex-direction:row;justify-content:center}h1{margin-top:130px;font-size:40px;font-weight:bold;text-indent:50px}.kelly-graffiti-name-container{display:flex;justify-content:center}.kelly-graffiti-name-container img{width:85%}@keyframes turn-icon-animation{0%{transform:scale(1)}25%{transform:scale(1.4)}100%{transform:scale(1)}}.kelly-graffiti-name-container img{animation:.6s ease-in-out turn-icon-animation;animation-delay:1.5s}.job-description{display:flex;flex-direction:row;justify-content:center}h2{font-size:40px;font-weight:bold;text-align:center;padding:40px}.right-content-container{background:url(../img/Kelly_Face_Img.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column-reverse;width:20%;margin-top:30px}.job-notification-indicator{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:30px}.indicator-light{padding:8px 8px;border-radius:50%;background-color:#7fff00;margin-bottom:25px;border:1px solid #000}#blink{animation:blink-animation 1s steps(2, start) infinite}@keyframes blink-animation{to{visibility:hidden}}h6{color:#fff;font-size:15px;margin-bottom:25px;margin-right:40px}#blink{opacity:1}.tablet-view{display:none}.kelly-face-img img{width:100%}.side-right-brick{display:none}.about-me-container{display:flex;flex-direction:column;justify-content:center;padding:80px}.about-me-title img{width:50%}.about-me p{font-size:30px;margin-bottom:2rem;background-color:#fff}.blog{color:blue;text-decoration:underline;font-size:30px;font-weight:bold}.fitness{display:flex;justify-content:flex-start;margin-bottom:20px;margin-top:50px}.frontend{display:flex;justify-content:flex-end;margin-top:20px}.scroll{opacity:0;transition:all .5s;transform:translateX(-100%)}.show{opacity:1;transform:translateX(0)}.side-left-brick{display:flex;flex-direction:row;justify-content:flex-start}.side-left-brick img{margin-top:-150px;margin-bottom:-100px;width:22%}.tower-carousel-container{display:grid;grid-template-columns:repeat(4, minmax(300px, 1fr));justify-items:center}.projects{display:flex;flex-direction:row;justify-content:center;margin:100px 0px 50px 0}.projects img{width:35%}h5{font-size:20px;margin-bottom:2rem}.ds-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e9e9e9;box-shadow:rgba(0,0,0,.1019607843) 0px 4px 12px;margin-bottom:4rem}.content-container{display:flex;flex-direction:column;margin:auto}.content-header{display:flex;flex-direction:column}.carousel-column{display:flex;flex-direction:row}.card-lg{max-width:80%;margin:1rem}.card-lg-img_1{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/SB_Card_Stub.jpg);background-color:#000;background-size:cover}.card-lg-img_2{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/Fitness_Card_Stub.jpg);background-color:#000;background-size:cover}.card-lg-img_3{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/JT_Card_Stub.jpg);background-color:#000;background-size:cover}.card-lg-img_4{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/UI_stub.jpg);background-color:#000;background-size:cover}.card-lg-img_5{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/DS_Card_Stub.png);background-color:#000;background-size:cover}.card-lg-img_6{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/Extrahands_Stub.jpg);background-color:#000;background-size:cover}.card-lg-img_7{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/BVB_Stubs.jpg);background-color:#000;background-size:cover}.card-lg-img_8{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/Med_Stub.jpg);background-color:#000;background-size:cover}.card-lg-img_9{display:flex;flex-direction:column;justify-content:center;flex-basis:250px;max-height:200px;width:100%;color:#fff;background:url(../img/MH_Stub.jpg);background-color:#000;background-size:cover}.card-lg-content{display:flex;flex-direction:column;justify-content:center;width:100%;background-color:#fff;padding:2em 2.5em}p{font-size:15px;line-height:1.2;margin-bottom:1.5em}.cta-row{display:flex;flex-direction:row;justify-content:center;gap:8px}.cta-row a{width:100px}button{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:1rem 1rem;font-size:12px;font-weight:bold;border:none;cursor:pointer}.card-lg-content{display:flex;flex-direction:column;justify-content:center;width:100%}.inquiry-page-container{display:flex;flex-direction:column;align-items:center}.input-boxes{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact{display:flex;flex-direction:row;justify-content:center;margin:75px 0px 50px 0}.contact img{width:35%;margin-top:50px}input{display:flex;flex-direction:column;justify-content:center;font-family:open sans;font-size:15px;padding:20px 20px 20px 20px;margin:15px 0px;border:1px solid #000;width:40rem;background-color:#fafad2}.message-contact{padding:20px 20px 20px 20px;width:40rem;height:20rem;background-color:#fafad2;justify-content:center;font-family:open sans;font-size:15px}input[type=submit]{display:flex;flex-direction:row;justify-content:center;padding:20px 20px 20px 20px;color:#fff;background-color:#000;font-size:30px;font-weight:bold;text-align:center;margin-top:50px;margin-bottom:50px;cursor:pointer}.right-brick{display:flex;flex-direction:row;justify-content:flex-end}.right-brick img{margin-top:-30rem;width:20%}.footer-info{display:flex;flex-direction:column;justify-content:center;background-color:#000;padding:20px}.social-media-icons{display:flex;flex-direction:row;justify-content:center;text-align:center;margin-bottom:30px}.social-media-icons a img{width:40px}.copyright{display:flex;flex-direction:row;justify-content:center}.footer-info h6{color:#fff;font-size:12px;margin:0px}@media(min-width: 1552px){.nav-bar{display:flex;flex-direction:row;justify-content:center;position:fixed;z-index:1;width:100%;background-color:#000;padding:15px}.nav-items{display:inline-flex;flex-direction:row;align-items:center}a{font-size:30px;text-decoration:none;color:#fff;width:300px;cursor:pointer}.nav-items .resume{color:#000;background-color:gold;text-align:center;padding:10px;width:15%;margin-left:100px;border-radius:5px}.nav-items a:hover{color:gold}.nav-bar img{width:6%}.dropdown .dropbtn{font-size:40px;margin-top:50px}.dropbtn>i{display:none}.dropdown .dropdown-content>a{display:none}h1{margin-top:50px}h2{font-size:55px}.job-notification-indicator{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:30px}h6{color:#fff;font-size:15px;margin-bottom:25px;margin-right:60px}.fitness{margin-top:100px}.card-lg{max-width:60%;margin:2rem}.contact img{margin-top:50px}input[type=submit]{margin-bottom:150px}.right-brick{display:flex;flex-direction:row;justify-content:flex-end}.right-brick img{width:12%}.footer-info h6{color:#fff;font-size:12px;margin:0px}}@media(min-width: 1025px)and (max-width: 1366px){.nav-items{display:inline-flex;flex-direction:row;justify-content:space-around;align-items:center}a{width:235px}.nav-items .resume{width:20%}.nav-bar img{width:8%}.right-content-container{margin-top:30px}.indicator-light{padding:8px 8px;border-radius:50%;background-color:#7fff00;margin-bottom:25px}h1{margin-top:130px;font-size:25px}h2{font-size:25px;font-weight:bold;text-align:center}.kelly-face-img img{margin-top:50px;width:100%;height:auto}.tower-carousel-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;scroll-snap-type:x mandatory;overflow-x:scroll}.card-lg{min-width:32%;max-width:75%;margin:1rem}.footer-info h6{color:#fff;font-size:12px;margin:0px}}@media screen and (max-width: 1024px){.hero{display:flex;flex-direction:column;justify-content:center;border-bottom:none}.nav-bar{justify-content:space-between;padding:24px}.nav-bar img{width:12%}.nav-items{display:flex;flex-direction:column;align-items:center;margin-top:60px}.nav-items a{text-align:center;font-size:40px;margin-top:50px}.nav-items .resume{color:#000;background-color:gold;text-align:center;padding:10px;width:24%;border-radius:5px}.hamburger{display:flex;flex-direction:column}.bar{width:64px;height:6px;background-color:#fff;margin:6px 0}.nav-items .mobile-projects{font-size:40px}.menu-overlay{height:100%;width:0;position:fixed;top:0;right:0;background-color:rgba(0,0,0,.9019607843);overflow-x:hidden;transition:.5s;z-index:1}.closebtn{display:flex;flex-direction:column;justify-content:flex-start;position:absolute;color:#fff;font-size:50px;top:0;right:50px;margin-top:3rem}.sub-nav-content{display:flex;flex-direction:column;justify-content:center;margin-top:0}.sub-nav-content a{margin-top:2rem;text-align:center;font-size:25px;color:gold}.dropdown .dropbtn{font-size:40px;margin-top:5rem}.dropbtn i{display:none}.dropdown .dropdown-content a{display:none}.hero{margin-top:150px}.tablet-view{display:flex;flex-direction:row;align-self:center;width:42%;margin-top:70px;margin-bottom:0px}.job-notification-indicator{display:flex;flex-direction:row;justify-content:center;background-color:#fff}.indicator-light{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:8px 8px;margin-right:8px}h6{font-size:15px;color:#000;text-wrap:nowrap}h1{margin-top:0;font-size:50px}.intro{margin-top:0px}.left-content-container{display:flex;flex-direction:column;justify-content:center;width:100%}.right-content-container{display:none}.kelly-graffiti-name-container{display:flex;flex-direction:row;justify-content:center}@keyframes turn-icon-animation{0%{transform:scale(1)}25%{transform:scale(1.4)}100%{transform:scale(1)}}.kelly-graffiti-name-container>img{animation:.6s ease-in-out turn-icon-animation;animation-delay:1.5s}@keyframes slidein{from{transform:translateX(-100%)}to{transform:translateX(0%)}}.job-description{display:flex;flex-direction:row;justify-content:center}h2{font-size:50px;color:#000}@keyframes typing{from{width:0;color:blue}}.kelly-face-img{display:none}.side-right-brick{display:flex;flex-direction:row;justify-content:flex-end}.side-right-brick img{width:30%;margin-bottom:-100px}.blog{font-size:30px}.about-me-title{margin-top:0rem}.about-me-title img{width:85%}.fitness{margin-top:10rem}.projects{margin:0}.projects>img{margin-top:20rem;margin-bottom:10rem;width:60%}.nav-items .mobile-projects{display:none}.nav-items .desktop-projects{display:flex;flex-direction:column;font-size:40px;width:30rem;text-decoration:none;text-align:center;color:#fff;cursor:pointer}.projects{margin-top:2rem}.projects>img{width:70%;margin-top:10rem;margin-bottom:5rem}.nav-items .desktop-projects{display:none}.nav-items .mobile-projects{display:flex;flex-direction:column;font-size:40px;width:30rem;text-decoration:none;text-align:center;color:#fff;cursor:pointer}.indicator{display:none}.card-lg-btn-cta{width:100%}.ds-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e9e9e9;box-shadow:rgba(0,0,0,.1019607843) 0px 4px 12px;margin-bottom:4rem}.content-container{display:flex;flex-direction:column;width:100vw;margin:auto}.content-header{display:flex;flex-direction:column}.carousel-column{display:flex;flex-direction:row}.tower-carousel-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;scroll-snap-type:x mandatory;overflow-x:scroll}.card-lg{min-width:32%;max-width:75%;margin:1rem}.contact{margin:0}.contact>img{width:60%;margin-top:15rem;margin-bottom:10rem}input{padding:30px 30px 30px 30px}input[type=submit]{padding:30px 30px 30px 30px;margin-bottom:15rem}.right-brick>img{width:25%}.footer-info h6{color:#fff;font-size:12px;margin:0px}}@media screen and (max-width: 844px){.projects>img{margin-top:20rem}.nav-items .desktop-projects{display:none}.nav-bar img{width:16%}.hamburger{display:flex;flex-direction:column}.bar{width:52px;height:4px;background-color:#fff;margin:6px 0}h1{font-size:30px}h2{font-size:30px}.nav-items .mobile-projects{display:flex;flex-direction:column;font-size:40px;width:30rem;text-decoration:none;text-align:center;color:#fff;cursor:pointer}.carousel-container-content{display:none}.indicator{display:none}.ds-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e9e9e9;box-shadow:rgba(0,0,0,.1019607843) 0px 4px 12px;margin-bottom:4rem}.content-container{display:flex;flex-direction:column;width:100vw;margin:auto}.content-header{display:flex;flex-direction:column}.carousel-column{display:flex;flex-direction:row}.tower-carousel-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;scroll-snap-type:x mandatory;overflow-x:scroll}.card-lg{min-width:45%;max-width:45%;margin:1rem}.message-contact{padding:20px 200px 180px 20px}.footer-info h6{color:#fff;font-size:12px;margin:0px}}@media screen and (max-width: 480px){.right-content-container{display:none}.nav-bar img{margin-top:5px;width:20%}.closebtn{font-size:40px}.nav-items a{font-size:30px}.sub-nav-content{margin-top:0}.sub-nav-content>a{font-size:20px}.bar{width:50px;height:4px;background-color:#fff;margin:6px 0}.nav-items .resume{width:36%}.hero{display:flex;flex-direction:column}.intro{display:flex;flex-direction:column}.tablet-view{display:flex;flex-direction:row;align-self:center}h1{font-size:25px;text-align:center;text-indent:0;margin-top:20px;animation:1s ease-in slidein}@keyframes turn-icon-animation{0%{transform:scale(1)}25%{transform:scale(1.4)}100%{transform:scale(1)}}.kelly-graffiti-name-container>img{animation:.6s ease-in-out turn-icon-animation;animation-delay:1.5s}@keyframes slidein{from{transform:translateX(-100%)}to{transform:translateX(0%)}}h2{font-size:25px}.side-right-brick{display:flex;flex-direction:row;justify-content:flex-end}.job-notification-indicator{margin-top:0}.indicator-light{margin-right:15px}.side-right-brick>img{width:40%;margin-top:2rem}.about-me-container{padding:3rem}.about-me-title>img{width:100%}.blog{font-size:20px}.about-me>p{font-size:20px}.fitness{margin-top:10rem}.side-left-brick>img{margin-top:-3rem;width:45%}.projects{margin-top:2rem}.projects>img{width:70%;margin-top:10rem;margin-bottom:5rem}.nav-items .desktop-projects{display:none}.nav-items .mobile-projects{display:flex;flex-direction:column;font-size:30px;width:30rem;text-decoration:none;text-align:center;color:#fff;cursor:pointer}.indicator{display:none}.ds-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e9e9e9;box-shadow:rgba(0,0,0,.1019607843) 0px 4px 12px;margin-bottom:4rem}.content-container{display:flex;flex-direction:column;width:100vw;margin:auto}.content-header{display:flex;flex-direction:column}.carousel-column{display:flex;flex-direction:row}.tower-carousel-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;scroll-snap-type:x mandatory;overflow-x:scroll}.card-lg{min-width:75%;max-width:75%;margin:1rem}h5{font-size:20px;margin-bottom:2rem}p{font-size:15px;line-height:1.2;margin-bottom:1.5em}button{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:1rem 1rem;font-size:12px;font-weight:bold;border:none}.card-lg-btn-cta{width:102%}.card-lg-content>a{display:flex;flex-direction:column;justify-content:center;width:100%}.contact{padding:0;margin:0}.contact>img{width:70%;margin-top:12rem;margin-bottom:5rem}.message-contact{width:35rem}input{width:35rem}input[type=submit]{margin-bottom:15rem}.footer-info h6{color:#fff;font-size:12px;margin:0px}.right-brick>img{margin-top:-16rem;height:15vh;width:25%}.social-media-icons>a>img{width:25px}}/*# sourceMappingURL=style.css.map */