@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Nunito&display=swap);body{background-color:#708090;font-family:Nunito,sans-serif;margin:0}.App{display:grid;justify-items:center;text-align:center}h1{text-decoration:underline}nav{align-items:center;background:#464545;border:solid #b1ff2e;border-radius:5px;display:flex;height:60px;justify-content:space-around;margin-left:5px;margin-right:5px;margin-top:5px}nav a{font-size:larger}a,nav a{color:#b1ff2e;text-decoration:none}nav a:hover{background-color:#b1ff2e;border-radius:5px;color:#464545;font-size:xx-large;padding:5px}.projectWindow{grid-gap:5px;display:grid;grid-template-columns:repeat(2 1fr);justify-self:center;overflow-y:auto}.individualProjects{grid-column:1}.groupProjects,.individualProjects{grid-gap:5px;background-color:#708090;border:solid #b1ff2e;border-radius:5px;display:grid;padding:5px}.groupProjects{grid-column:2}.project{border:solid #464545;border-radius:5px}.welcomeBox{grid-gap:5px;grid-column-gap:10px;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;flex-direction:column;font-size:x-large;justify-content:center;margin:36px;padding:25px;position:absolute;text-align:center;top:20%}.logoIMG{border-radius:50px;justify-self:center;width:200px}.aboutBox{position:absolute;top:15%}.aboutBox,.projectBox{grid-gap:5px;grid-column-gap:10px;align-self:center;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr;justify-content:center;justify-items:center;margin:36px;padding:25px;text-align:center}.photo{width:150px}.JSDOMBox{grid-gap:5px;grid-column-gap:10px;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;grid-template-columns:1fr;justify-content:center;margin:36px;padding:24px;text-align:center}.JSDOMBox,.carousel-root{display:grid;justify-items:center}.carousel-root{align-items:center;grid-template-columns:1fr}.carouselWindow{align-content:end;display:grid;min-height:700px}.contactBox{grid-gap:5px;grid-column-gap:10px;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:80px 1fr;justify-content:center;justify-items:center;margin:36px;padding:25px;position:absolute;text-align:center;top:27%}.contact-style{width:200px}.contactDetails{grid-column:1/5;grid-row:1}.contactLink{grid-row:2}.JSDOMGrid,.projectTitles{display:none}.projectImage{max-height:200px;max-width:300px}.techStack{align-items:center;display:flex;gap:5px;justify-content:center;margin:5px;z-index:1}.techStackImg{max-width:30px}@media only screen and (max-width:600px){.projectWindow{grid-gap:5px;display:grid}.projectTitles{display:block;text-decoration:underline}.individualProjects{grid-row:1}.groupProjects,.individualProjects{grid-gap:5px;background-color:#708090;border:solid #b1ff2e;border-radius:5px;display:grid;grid-column:1;padding:5px}.groupProjects{grid-row:2}.project{border:solid #464545;border-radius:5px;font-size:small}.welcomeBox{grid-gap:5px;grid-column-gap:10px;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;flex-direction:column;font-size:small;justify-content:center;margin:36px;padding:25px;position:absolute;text-align:center;top:20%}.logoIMG{border-radius:50px;justify-self:center;width:200px}.aboutBox{justify-items:center;position:relative;text-align:center}.aboutBox,.projectBox{background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;display:grid;font-size:small;padding:25px}.projectBox{grid-gap:5px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-content:center;margin:36px}.photo{width:150px}.JSDOMBox{grid-gap:5px;grid-column-gap:10px;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;grid-template-columns:1fr;justify-content:center;margin:36px;padding:24px;text-align:center}.JSDOMBox,.carousel-root{display:grid;justify-items:center}.carousel-root{align-items:center;grid-template-columns:1fr}.carouselWindow{align-content:end;display:none;min-height:700px}.contactBox{grid-gap:5px;grid-column-gap:10px;align-items:center;background-color:#464545;border:5px solid #b1ff2e;border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center;justify-items:center;margin:36px;padding:25px;position:absolute;text-align:center;top:27%}.contact-style{width:50px}.contactDetails{grid-column:1/5;grid-row:1}.contactLink{grid-row:2}.JSDOMGrid{grid-gap:5px;align-items:center;background-color:#708090;border:solid #b1ff2e;border-radius:5px;contain:strict;display:grid;grid-template-columns:135px 135px;grid-template-rows:135px 170px 120px 120px;padding:5px}.gridImg{width:135px}.projectImage{max-width:270px}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.brandsig{align-items:center}.brandsig,.brandsig-content-center{bottom:0;display:flex;height:50px;left:0;width:100%}.brandsig-content-center{background:#464545;flex-direction:row;flex-wrap:wrap;justify-content:center;position:fixed}.brandsig-content-left{bottom:0;color:#fff;float:left;left:0;margin-top:10px;padding-left:10px;padding-top:5px;position:fixed;z-index:1}.brand p,.logo p{color:#b1ff2e}.brand p{align-self:center;font-family:Gruppo,sans-serif;font-size:large;margin-bottom:20px}.sig p{color:#fff;padding-right:7px}.brandsig-content-right{bottom:0;float:right;margin-top:10px;padding-right:10px;padding-top:5px;position:fixed;right:0}.icon-style{border:0;height:30px;margin-bottom:5px;margin-left:20px;margin-top:0}.icon-style:hover{background:#b1ff2e;padding:2px}.techStack{margin:0}@media only screen and (max-width:600px){.brandsig,.brandsig-content-center{bottom:0;display:flex;height:50px;left:0;width:100%}.brandsig-content-center{background:#464545;flex-direction:row;flex-wrap:wrap;justify-content:center;position:fixed}.brand p,.logo p{color:#b1ff2e}.brand p{align-self:center;font-family:Gruppo,sans-serif;font-size:large;margin-bottom:20px}.sig p{color:#fff;padding-right:7px}.brandsig-content-right{bottom:0;display:none;justify-content:right;margin-top:10px;padding-right:10px;padding-top:5px;position:fixed;right:0}.icon-style{border:0;height:30px;margin-bottom:5px;margin-left:20px;margin-top:0}.icon-style:hover{background:#b1ff2e;padding:2px}}
/*# sourceMappingURL=main.e10258e2.css.map*/