#html_tutorial_wrapper{line-height:25px;text-align:left;word-spacing:1.9px;background-color:rgb(245,245,255);position:relative}#html_tutorial_wrapper ol,#html_tutorial_wrapper ul{margin-left:50px}#html_tutorial_wrapper p{padding:0 5px}#html_tutorial_wrapper fieldset{padding:0}#html_tutorial_wrapper h4{background:#034;color:#fff;padding:7px;border-radius:2px}#html_tutorial_wrapper table,th{padding-left:5px}#html_tutorial_wrapper table,td{border-collapse:collapse;padding:5px}#html_tutorial_wrapper .attribute,#html_tutorial_wrapper .element{color:blue}#css-tutorial-wrapper{background-color:rgb(245,245,255);position:relative}#css-tutorial-wrapper li:after{content:"";display:block;background-color:rgba(255,255,255,.1);height:2px}#css-tutorial-wrapper li:hover{background-color:rgb(6,80,56);padding:10px}#css-tutorial-wrapper fieldset{padding:2px;line-height:24.5px;word-spacing:1.9px}#css-tutorial-wrapper p{padding:10px}#css-tutorial-wrapper fieldset legend h4{background:#034;color:#fff;padding:5px;border-radius:2px}#css-tutorial-wrapper table,td{border-collapse:collapse;padding:5px}#css-tutorial-wrapper .attribute,#css-tutorial-wrapper .element{color:skyblue}#tutorial-wrapper{background:rgb(245,245,255);padding:20px 0;position:relative}#scroll-up{position:fixed;z-index:1;right:5px;bottom:10px;cursor:pointer;background:rgba(0,44,55,.8);padding:3px 4px;color:white;border-radius:2px}#tutorial-wrapper section{box-shadow:0 2px 1px 0 rgba(0,0,0,.3);padding:10px 2px;margin-bottom:4px}#tutorial-wrapper #intro h3{text-align:center;line-height:27px}#tutorial-wrapper #intro ul{display:grid;align-items:center;margin:5px 2px 5px 22px;text-align:left}#tutorial-wrapper #intro ul li{border-bottom:1px solid rgba(0,0,0,.1);padding:14px 2px;font-size:16px;word-spacing:1.7px;line-height:27px}#tutorial-wrapper #intro ul li em{cursor:pointer}#tutorial-wrapper section h2{text-align:left;padding:3px 10px;border-bottom:1px solid rgba(0,0,0,.2);color:#034;line-height:32px;word-spacing:1.6px}.code-description{padding:8px 3px;word-spacing:1.7px;text-align:left;line-height:24px}.code-description em{color:#037}.code-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));grid-gap:4px;border:1px solid rgba(0,0,0,.2);padding:2px}.code_wrapper{border:1px solid black;background-color:rgba(0,0,0,.9);color:rgba(255,255,255,.9);padding:8px 7px;word-spacing:1.7px;border:1px solid rgba(0,0,0,.3);font-size:15px}.code_wrapper .tag{color:rgba(247,55,99,.9);padding-bottom:5px}.code_wrapper .attr{color:rgba(40,179,40,.9)}.code_wrapper .attr_val{color:rgba(177,144,33,1);font-size:14px}.code_wrapper .func{color:aqua}.code_wrapper .css{color:skyblue}.code-output{border:1px solid rgba(0,0,0,.2);padding:4px}.hide-text{text-align:center;background:rgba(0,0,0,.2);color:#024;padding:8px 5px;font-size:16px;word-spacing:1.7px}#remove-class,#toggle-class{text-align:center;color:#026;padding:8px 5px;font-size:16px;word-spacing:1.7px}.code-output input{width:100%;padding:4px;margin:10px 0}.code-output input[type=file]{border:1px solid rgba(0,0,0,.2);cursor:pointer}.code-btn{text-align:center;margin-top:20px}.code-btn button{padding:6px 15px;background:#068;color:white;border:1px teal;border-radius:2px;outline:1px solid teal;cursor:pointer}.new-class{background:teal}.new-class2{background:red;padding:40px}.img-wrapper{padding:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.2);margin:5px 5%}.img-wrapper img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.drag-img-wrapper{padding:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.2);margin:5px 5%;width:200px;height:200px}#drag{width:180px;height:180px;-o-object-fit:cover;object-fit:cover}#spa-links-wrapper{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;align-items:center;padding:10px;background:rgba(0,0,0,.8);color:white;grid-gap:5px;margin-bottom:20px;list-style-type:none}#spa-links-wrapper li{cursor:pointer}.pagination-btn-wrapper{display:flex;align-items:center;justify-content:space-between;padding:10px}.pagination-btn-wrapper button{padding:3px 25px;border:1px solid teal;background:linear-gradient(180deg,rgba(0,0,0,.5),rgb(22,40,80),rgba(0,0,0,.5));color:white;border-radius:3px;cursor:pointer}*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}#post-navbar{padding:4px;background:rgba(200,200,200,.06);color:lightblue;margin-bottom:0}#title{color:white;font-family:serif;font-style:oblique;text-shadow:2px;font-size:17px;word-spacing:1.8px;padding-left:5px;margin-bottom:0;padding-bottom:0;font-weight:700;border-bottom:1px solid rgba(255,255,255,.09)}#title i{font-size:14px}.post-links-wrapper{margin-top:4px;text-align:left;padding:7px 1px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);text-align:center;align-items:center;grid-gap:1px}#second-post-links-wrapper{text-align:center;grid-template-columns:repeat(1,1fr);border-top:1px solid rgba(255,255,255,.1);display:none}.post-links-wrapper li{font-size:13px;font-weight:700;cursor:pointer;padding:2px;word-spacing:1.6px}.post-links-wrapper li .fa-chevron-down{font-size:12px;color:rgba(255,255,255,.5)}.post-count{font-size:11px;font-weight:400;color:rgba(255,255,255,.8);padding-left:2px}.dropdown-wrapper{position:relative}.dropdown-content{display:none;position:absolute;background:linear-gradient(180deg,rgba(0,0,0,.9),rgb(22,40,50),rgba(0,0,0,.9));padding:15px 8px;left:0;z-index:2;text-align:left;font-weight:400;width:100%}.dropdown-content li{margin-bottom:20px;word-spacing:1.6px;border-bottom:1px solid rgba(255,255,255,.15)}.post-active_link{color:aqua;border:1px solid teal;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,1)}#css-dropdown-content,#sage-js-dropdown-content{display:none}.search_loader{text-align:center;margin:5px 0;padding:50px 0;background:rgb(245,245,255);display:none}.search_loader img{width:25px}.post-search-wrapper{display:grid;grid-template-columns:80% 20%;margin-bottom:5px;display:none}.post-search-wrapper input{width:100%;padding:4px;border:1px solid rgba(255,255,255,.1);outline:none;background:inherit;color:rgba(255,255,255,.8)}.post-search-wrapper input::-moz-placeholder{word-spacing:1.7px;color:rgba(255,255,255,.5)}.post-search-wrapper input::placeholder{word-spacing:1.7px;color:rgba(255,255,255,.5)}.post-search-wrapper button{width:100%;padding:4px;border:1px solid rgba(255,255,255,.1);outline:none;cursor:pointer;background:rgba(0,0,0,.1);color:rgba(255,255,255,.1)}.load_more_post{text-align:center;padding:20px 2px 15px;color:skyblue;word-spacing:1.6px;font-size:16px;cursor:pointer;background:rgba(0,0,0,.2);display:none}.no-post-alert .btn-wrapper button{padding:3px 25px}.no-post-alert{padding:50px 2px;font-weight:700;background:rgb(245,245,255)}.no-post-alert .btn-wrapper button{background:#068;border:2px solid white}.post-dialog-wrapper{display:none;z-index:999;position:fixed;top:0;left:0;background:rgb(0,0,0);background:rgba(0,0,0,.5);width:100%;height:100%;text-align:left}.message-dialog-content{padding:10px 25px;box-shadow:0 2px 4px 0 rgba(0,0,0,.8);margin:5% auto;width:95%}@media screen and (min-width:700px){.message-dialog-content{margin:5% auto;width:50%}}.message-dialog-content .message-title{font-weight:700;font-size:15px;word-spacing:1.7px}.message-dialog-content .message-content{margin-top:10px;word-spacing:1.6px;line-height:20px}.message-dialog-btn-wrapper{margin-top:20px;padding-bottom:15px}.delete_ok_btn{margin-right:25px;background:#068;color:white;padding:7px 15px;border:none;border-radius:3px}.cancel-delete-btn,.delete_ok_btn{font-size:14px;outline:none;cursor:pointer}.cancel-delete-btn{border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.8);padding:5px 15px;border-radius:3px}.no-post-alert{text-align:center;padding:40px 2px;font-size:15px;background:rgba(0,0,0,.1);word-spacing:1.7px;color:crimson}.no-post-alert .btn-wrapper{margin-top:20px;text-align:center}.no-post-alert .btn-wrapper button{padding:4px 25px;background:#034;color:white;border-radius:20px;font-weight:400;border:1px solid rgba(255,255,255,.1);word-spacing:1.6px;cursor:pointer;font-size:14px}#loader-wrapper{text-align:center;padding:50px 2px}#loader-wrapper img{width:45px}#loader-wrapper #loading-text{color:aqua;font-weight:700;margin-top:15px;word-spacing:1.9px}.recent-uploads{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);text-align:center;padding:20px;background:inherit;color:whitesmoke;word-spacing:1.7px;font-weight:700;font-size:17px;text-transform:capitalize;border:1px solid rgba(255,255,255,.1);display:none}#prepend-data{margin-bottom:10px}.fade{opacity:.1}