.top-nav{display:flex;flex-direction:row;justify-content:space-around;width:100%;height:70px;font-size:1.5rem;font-weight:700;box-shadow:0 5px 5px rgb(0,0,0,.5);top:0;background-color:rgb(255,255,255,.3);align-items:center;font-family:'Carter One',cursive;letter-spacing:2px;color:#fff}.nav-menu{display:flex;flex-direction:row;align-items:center;white-space:nowrap;width:50%}.dropdown-content{display:none;position:absolute;background-color:rgba(0,0,0,.5);color:#000;box-shadow:0 8px 16px 0 rgba(255,255,255,.2);z-index:1}.dropdown-content a{float:none;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:rgba(255,255,255,.4)}.menu-item:hover .dropdown-content{display:block}.menu-item:hover #down-arrow{transition:all .1s linear;transform:rotate(180deg)}.fa{color:#fff}.menu-item{margin-right:5%;width:auto}.menu-item :hover{color:#000}.tutorials-tab :hover{color:#000}.menu-item a{text-decoration:none;color:#fff}.tutorials{min-width:250px}.tutorials a{font-size:1.2rem;color:#fff}.social-info :hover{color:#000;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}.social-info{display:flex;flex-direction:row;justify-content:space-around;width:7rem;font-size:1.5rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#cd5f3f;border-radius:5px}.progress-container{width:100%;position:fixed;z-index:99;top:0;height:6px;background:#add8e6}.progress-bar{height:6px;background:#00008b;width:0%}.top-nav-responsive{display:none}@media only screen and (max-width:800px){.top-nav{display:none}.top-nav-responsive{display:block;position:fixed;width:100vw;z-index:99;min-height:60px;background-color:rgb(0,0,0,.7);box-shadow:0 5px 5px rgb(0,0,0,.5);font-family:'Carter One',cursive;letter-spacing:2px;font-size:1.5rem;top:0;color:#fff}.nav-menu-responsive{height:60px;width:80%;margin:0 auto;display:flex;flex-direction:row;align-items:center;padding-top:2%;justify-content:space-between}.nav-menu-responsive a{text-decoration:none;color:#fff}.dropdown-responsive{display:none;font-family:'Carter One',cursive;letter-spacing:2px;font-size:1.5rem;color:#fff;width:80%;margin:0 auto}.dropdown-responsive a{text-decoration:none;color:#fff}.dropdown-content-responsive{display:flex;flex-direction:column;margin-left:10%;display:none}.dropdown-content-responsive a{margin-top:5%}.dropdown-responsive .menu-item-responsive{margin-top:5%}.social-info-responsive{text-align:right;padding-bottom:5%;margin-top:-5%}}body{background:#b6fbff;background:-webkit-linear-gradient(to bottom,#b6fbff,#acb6e5);background:linear-gradient(to bottom,#b6fbff,#acb6e5);margin:0}.top-nav{background-color:rgb(0,0,0,.7)}.dropdown-content{background-color:rgba(0,0,0,.7);box-shadow:0 8px 16px 0 rgba(0,0,0,.9)}.gallery-container{margin:4% 0;align-items:flex-start;align-items:center;justify-content:center;display:grid;grid-template-columns:21% 21% 21% 21%;grid-gap:20px 20px}.grid-wrap{box-shadow:0 4px 8px 0 rgba(0,0,0,.5)}.grid-wrap :hover{transition:.3s;box-shadow:0 8px 20px 0 rgba(0,0,0,.8);transform:scale(1.03)}.content{background-color:#fff;padding:2%;font-display:swap;font-family:Arial,Helvetica,sans-serif;text-align:center;border-radius:1%}.content-text{margin:3% 5% 5% 4%}h3{color:rgba(var(--d69,0,149,246),1);font-size:14px;font-weight:600;margin:0}p{margin:0;color:#8e8e8e;color:rgba(var(--f52,142,142,142),1);font-size:14px;line-height:17px}hr{border:none;height:1px;color:#8e8e8e3d;background-color:#8e8e8e3d}.content :hover{box-shadow:none!important;transform:none!important}.modal{display:none;position:fixed;z-index:999;padding-top:70px;left:0;top:0;cursor:pointer;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-image{cursor:pointer}.modalImage{margin:auto;display:block;width:auto;max-height:80%;cursor:auto;max-width:60%;transform:translateY(-10%)}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;z-index:99}.close:focus,.close:hover{color:red;cursor:pointer}@media only screen and (max-width:700px){.modal{padding-top:10%}.modalImage{max-width:90%}}@media only screen and (max-width:1000px){.gallery-container{grid-template-columns:30% 30% 30%;grid-gap:20px 10px;margin-top:100px}}@media only screen and (max-width:600px){.gallery-container{grid-template-columns:45% 45%;grid-gap:20px 10px;margin-top:90px}}.footer-wrap{background:#000;background:-webkit-linear-gradient(to bottom,#434343,#000);background:linear-gradient(to bottom,#434343,#000);position:absolute;width:100%;color:#fff;height:100px}.footer-content{width:100%;height:100%;display:inline-flex;flex-direction:row;justify-content:space-around;align-items:center}.footer-links a{text-decoration:none;color:#fff;font-size:1.2rem;font-family:sans-serif;font-weight:700;letter-spacing:1px}.footer-links :first-of-type{margin-right:30px}.footer-links :hover{color:grey}.contact-me{display:flex;flex-direction:column;justify-content:space-around;height:80px}.contact-me a{text-decoration:none;color:#fff;font-size:.8rem;font-family:sans-serif;font-weight:500;letter-spacing:2px}.contact-me i{font-size:1rem;margin-right:10px}.contact-me :hover{color:grey!important}@media only screen and (max-width:700px){.footer-links{display:none}.contact-me i{font-size:.95rem}.copyright{margin-left:3%;width:30%;font-size:.8rem}}