body{background-color:#fafc84}:root{--primary-color:#17a2b8;--dark-color:#343a40;--light-color:#f4f4f4;--danger-color:#dc3545;--success-color:#28a745}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.6}a{color:#63a2f3;text-decoration:none}a:hover{color:#e48985;text-decoration:underline}ul{list-style:none}.x-large{font-size:4rem}.large,.x-large{line-height:1.2;margin-bottom:1rem}.large{font-size:3rem}.lead{color:#fff;font-size:1.5rem;margin-bottom:1rem}.text-center{text-align:center}.text-primary{color:#fff}.text-dark{color:var(--dark-color)}.p{padding:.5rem}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.py{padding:.5rem 0}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.m{margin:.5rem}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.my{margin:.5rem 0}.my-1{color:#fff;margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.btn{border:none;cursor:pointer;display:inline-block;font-size:1rem;margin-right:.5rem;outline:none;padding:.4rem 1.3rem;transition:opacity .2s ease-in}.badge,.btn{background:var(--light-color);color:#333}.badge{font-size:.8rem;margin:.3rem;padding:.1rem;text-align:center}.alert{background:var(--light-color);color:#333;margin:1rem 0;opacity:.9;padding:.8rem}.alert-primary,.badge-primary,.bg-primary,.btn-primary{background:#1771b8;color:#fff}.alert-light,.badge-light,.bg-light,.btn-light{background:var(--light-color);color:#333}.alert-dark,.badge-dark,.bg-dark,.btn-dark{background:var(--dark-color);color:#fff}.alert-danger,.badge-danger,.bg-danger,.btn-danger{background:var(--danger-color);color:#fff}.alert-success,.badge-success,.bg-success,.btn-success{background:var(--success-color);color:#fff}.alert-white,.badge-white,.bg-white,.btn-white{background:#fff;border:1px solid #ccc;color:#333}.btn:hover{opacity:.8}.badge-light,.bg-light{border:1px solid #ccc}.round-img{border-radius:50%}.line{background:#ccc;height:1px;margin:1.5rem 0}.dark-overlay{top:0}.dark-overlay,.dark-overlay2{background-color:#000;height:100%;left:0;position:absolute;width:100%}.dark-overlay2{right:0}@media (max-width:736px){.dark-overlay2{height:100%;width:100%}}.register-data,.signin-data{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;text-align:center;width:80%}.form .form-group{margin:1.2rem 0}.form .form-text{color:#999;display:block;margin-top:.3rem}.form input[type=date],.form input[type=email],.form input[type=password],.form input[type=text],.form input[type=username],.form select,.form textarea{border:1px solid #ccc;display:block;font-size:1.2rem;padding:.4rem;width:100%}.form input[type=submit],button{font:inherit}.form .social-input{display:flex}.form .social-input i{padding:.5rem;width:4rem}.form .social-input i.fa-twitter{color:#38a1f3}.form .social-input i.fa-facebook{color:#3b5998}.form .social-input i.fa-instagram{color:#3f729b}.form .social-input i.fa-youtube{color:#c4302b}.form .social-input i.fa-linkedin{color:#0077b5}.table td,.table th{padding:1rem;text-align:left}.table th{background:var(--light-color)}.navbar{align-items:center;justify-content:space-between;left:0;margin-bottom:10px;opacity:1;padding-left:0;position:fixed;top:0;width:100%;z-index:1}.navbar,.navbar ul{display:flex}.navbar a{color:#fff;margin:0 .25rem;padding:.45rem}.navbar a:hover{color:#d4af37}.navbar .welcome span{margin-right:.6rem}.landing-inner{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;text-align:center;width:80%}@media (max-width:1024px){.woofylogo{width:35%}}@media (max-width:736px){.woofylogo{width:35%}}.profile{grid-gap:2rem;align-items:center;display:grid;grid-template-columns:2fr 4fr 2fr;line-height:1.8;margin-bottom:1rem;padding:1rem}.profile-grid{grid-gap:1rem;display:grid;grid-template-areas:"top top" "about about" "exp edu" "github github"}.profile-top{align-items:center;display:flex;flex-direction:column;grid-area:top;justify-content:center;text-align:center}.profile-top img{width:250px}.profile-top .icons a{color:#fff;margin:0 .3rem}.profile-top .icons a:hover{color:var(--dark-color)}.profile-about{grid-area:about;text-align:center}.profile-about .skills{align-items:center;display:flex;justify-content:center;text-align:center}.profile-exp{grid-area:exp}.profile-edu{grid-area:edu}.profile-edu h2,.profile-exp h2{margin-bottom:1rem}.profile-edu>div,.profile-exp>div{border-bottom:1px dotted #ccc;margin-bottom:1rem;padding-bottom:1rem}.profile-edu>div:last-child,.profile-exp>div:last-child{border:0}.profile-edu p,.profile-exp p{margin:.5rem 0}.profile-github{grid-area:github}.profile-github .repo{display:flex}.profile-github .repo>div:first-child{flex:7;flex-basis:70%}.profile-github>div:last-child{flex:3;flex-basis:20%}.post-form .post-form-header{background:var(--primary-color);padding:.5rem}.post{grid-gap:2rem;align-items:center;display:grid;grid-template-columns:1fr 4fr}.post>div:first-child{text-align:center}.post img{width:100px}.post .comment-count{background:var(--light-color);border-radius:5px;color:var(--primary-color);font-size:.8rem;padding:.1rem .2rem}.post .post-date{color:#aaa;font-size:.8rem;margin-bottom:.5rem}@media (max-width:700px){.hide-sm{display:none}.x-large{font-size:3rem}.large,.lead{font-size:2rem}.lead{color:#fff}.profile{grid-template-columns:1fr;text-align:center}.profile ul{display:none}.profile-top img,.profile img{margin:auto;width:200px}.profile-grid{grid-template-areas:"top" "about" "exp" "edu" "github"}.profile-about .skills{flex-direction:column}.dash-buttons a{display:block;margin-bottom:.2rem;width:100%}.post{grid-template-columns:1fr}.post a,.post button{padding:.3rem .4rem}}.registerpage{background-color:#e9bf35}.dropdown-select{border:solid #1b1414}.card{height:321px;width:535px}.card,.cardData{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;margin-left:0;margin-right:0;margin-top:0;transition:.3s}.cardData{height:152px;width:500px}.cardData-body,.cardData-header{font-family:monospace}.cardData-body{background-color:#fff}.cardData:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardData-body:hover .viewAllButton,.cardData-body:hover .viewAllButtonSubs{opacity:1}.daxData{font-size:.75rem;margin-block-end:auto}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardSubs{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:326px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:535px}.cardSubs:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-body:hover .viewAllButton,.card-body:hover .viewAllButtonSubs{opacity:1}.mrtgDiv,.mrtgDivSubs{height:15vw;object-fit:cover;width:100%}.column{float:left;margin-bottom:20px;margin-left:45px;width:599px}.row:after{clear:both;content:"";display:table}@media (max-width:500px){.card{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:346px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:355px}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardSubs{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:346px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:355px}.cardSubs:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-body:hover .viewAllButton,.card-body:hover .viewAllButtonSubs{opacity:1}.mrtgDiv,.mrtgDivSubs{height:110px;object-fit:contain;overflow:scroll;width:255px}}@media (max-width:700px){.card{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:321px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:535px}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardSubs{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:332px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:500px}.cardSubs:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-body:hover .viewAllButton,.card-body:hover .viewAllButtonSubs{opacity:1}.mrtgDiv,.mrtgDivSubs{height:100%;object-fit:cover;overflow:scroll;width:100%}.time{margin-right:0}}@media (min-width:2400px){.column{float:left;width:540px}}.spinner{left:"50%";position:"fixed";top:"50%";transform:"translate(-50%, -50%)"}.search-box{height:fit-content;position:relative;width:fit-content}.input-search{background-color:#00000000;border-radius:25px;border-style:none;color:#fff;font-size:18px;height:50px;letter-spacing:2px;outline:none;padding:10px 40px 10px 10px;transition:all .5s ease-in-out;width:25px}.input-search::placeholder{color:hsla(0,0%,100%,.5);font-size:18px;font-weight:100;letter-spacing:2px}.btn-search{background-color:transparent;border-radius:50%;border-style:none;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;outline:none;pointer-events:painted;position:absolute;right:0;width:50px}.btn-search:focus~.input-search,.input-search:focus{background-color:transparent;border-bottom:1px solid hsla(0,0%,100%,.5);border-radius:0;transition:all .5s cubic-bezier(0,.11,.35,2);width:300px}.viewButtons{display:flex}.form1{margin-left:50px;margin-right:50px}.formBox{width:700px}@media screen and (max-width:1250px){.cardData{background-color:silver;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:fit-content;height:152px;margin-left:0;margin-right:0;margin-top:0;transition:.3s;width:500px}.cardData-body,.cardData-header{font-family:monospace}.cardData-body{background-color:#fff}.cardData:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardData-body:hover .viewAllButton,.cardData-body:hover .viewAllButtonSubs{opacity:1}.time{margin-left:10px;margin-right:1px;position:center}.timeHomePage{margin-left:-50px;margin-right:-50px;margin-top:30px;position:center}.timeButton{background-color:#fff;border:2px solid #555;border-radius:10px;color:#000;font-family:system-ui;height:34px;margin-right:2px;margin-top:15px;width:80px}.timeButton:hover{background-color:#555;color:#fff}.container1{width:105%}.refreshButton{background-color:#000;border:2px solid #adacac;border-radius:50px;color:#fff;float:left;font-size:16px;margin-left:5px;margin-top:38px;padding:8px 10px}.refreshButton:hover{background-color:#fff;border:2px solid #555;color:#000}.drop{display:inline-flex;margin-right:3px}.form-select{background-color:#fff;border-color:#000;font-family:system-ui;width:300px}.goButton{background-color:#000;border:2px solid #adacac;border-radius:20px;color:#fff;font-size:16px;margin-left:30px;padding:8px 33px}.goButton:hover{background-color:#fff;border:2px solid #555;color:#000}.dropdown{left:50px;margin-top:40px;position:inherit;right:30px}.dropdown,.headerInfo{display:flex}.dlMir{margin-right:360px}.daxIp,.dlMir{font-size:.6rem}.daxIp{margin-left:-275px}.TotalMirPaying{font-size:.6rem;margin-left:27px}.totalSubs{font-size:.6rem;margin-left:1px}.totalPayingSubs{font-size:.6rem;margin-left:254px}.viewAllButtonText{background-color:transparent;height:214px;width:496px}.viewAllButton{left:50%;top:63.5%}.viewAllButton,.viewAllButtonSubs{opacity:0;position:absolute;text-align:center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.5s ease}.viewAllButtonSubs{left:52%;top:54%}.viewAllButtonTextSubs{background-color:transparent;height:214px;width:458px}}@media screen and (min-width:1250px){.time{margin-left:178px;margin-right:150px}.timeHomePage{margin-right:-4px}.timeButton{background-color:#fff;border:2px solid #555;border-radius:10px;color:#000;font-family:system-ui;height:54px;margin-top:15px;position:relative;width:104px}.timeButton:hover{background-color:#555;color:#fff}.refreshButton{background-color:#000;border:2px solid #adacac;border-radius:50px;color:#fff;float:left;font-size:16px;margin-left:341px;margin-top:15px;padding:8px 10px}.refreshButton:hover{background-color:#fff;border:2px solid #555;color:#000}.drop{display:inline-flex;margin-right:3px}.form-select{background-color:#fff;border-color:#000;border-width:.15rem;font-family:system-ui;margin-left:3px;margin-right:92px;padding-right:50px;width:300px}.goButton{background-color:#000;border:2px solid #adacac;border-radius:50px;color:#fff;font-size:16px;margin-left:-38px;padding:8px 10px}.goButton:hover{background-color:#fff;border:2px solid #555;color:#000}.dropdown{display:flex;margin-left:602px;margin-right:100px}.dlMir{margin-right:-27px}.daxIp,.dlMir{font-size:.6rem}.daxIp{margin-left:131px}.TotalMirPaying{font-size:.6rem;margin-left:26px}.totalSubs{font-size:.6rem;margin-left:1px}.totalPayingSubs{font-size:.6rem;margin-left:285px}.headerInfo{display:flex}.viewAllButtonText{background-color:transparent;height:214px;width:496px}.viewAllButton{top:63.5%}.viewAllButton,.viewAllButtonSubs{left:50%;opacity:0;position:absolute;text-align:center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.5s ease}.viewAllButtonSubs{top:51.0125%}.viewAllButtonTextSubs{background-color:transparent;height:214px;width:500px}}