.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:#fee;background:-webkit-linear-gradient(to top,#ddefbb,#fee);background:linear-gradient(to top,#ddefbb,#fee);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)}.blending-wrap{min-height:calc(100vh - 170px);margin:6% 25%;font-display:swap;font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-align:left;letter-spacing:1px;line-height:1.5rem;text-align:justify}h3{font-weight:700;margin-top:4%}@media only screen and (max-width:800px){.blending-wrap{margin:6% 10%;margin-top:120px;font-size:1rem;text-align:justify}h3{margin:10% 0 0 0}}.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}}