.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)}.about-me-wrap{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}.about-heading{font-weight:700;margin-top:4%}.ps{margin-top:-1%}.here{text-decoration:none;font-weight:bolder;color:#cd7f32}.here:hover{color:#000}.separator{display:flex;align-items:center;text-align:center;border:0;height:1px;color:#cd7f32;font-size:2rem;margin-bottom:8%;font-display:swap;font-family:Arial,Helvetica,sans-serif}.separator::after,.separator::before{content:'';flex:1;border-bottom:2px solid #cd7f32}.separator::before{margin-right:3%}.separator::after{margin-left:3%}ul{list-style:none}ul li:before{content:"\00BB \0020"}.materials{margin-top:2%}.fa-paper-plane{color:#cd7f32}.fa-paper-plane:hover{color:#000}.contact-form{background:snow;border-radius:8px;box-shadow:0 0 20px -10px #000;margin:3rem auto;padding:5%;width:100%;text-align:left;box-sizing:border-box;font-display:swap;font-family:Montserrat,sans-serif;position:relative}.form-heading{margin:10px 0;padding-bottom:10px;width:180px;color:#2f4f4f;border-bottom:3px solid #2f4f4f}.form-input{width:100%;padding:10px;box-sizing:border-box;background:0 0;outline:0;resize:none;border:0;font-display:swap;font-family:Montserrat,sans-serif;letter-spacing:1px;transition:all .3s;border-bottom:2px solid #bebed2}.form-input:focus{border-bottom:2px solid #2f4f4f}.input-area:before{display:block;margin:28px 0 300px 0;font-size:.9rem;color:#5a5a5a}button{padding:1% 3%;margin:10px auto;font-display:swap;font-family:Montserrat,sans-serif;border:2px solid #2f4f4f;background:0;color:#2f4f4f;cursor:pointer;transition:all .3s}button:hover{background:#2f4f4f;color:#fff}label{font-size:.9rem;color:#5a5a5a}.message{display:none}@media only screen and (max-width:800px){.about-me-wrap{margin:6% 10%;margin-top:120px;font-size:1rem;text-align:justify}.separator{font-size:1.5rem;margin-bottom:15%}.about-heading{margin:10% 0 0 0}ul{padding-inline-start:20px;text-align:left}#rc-imageselect,.g-recaptcha{transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin: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}}