*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #fff}::-webkit-scrollbar-thumb{background:blue;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:gray}body{background:linear-gradient(#f7fafc,#def3f762);font-family:Poppins,sans-serif;margin:0;padding:0;width:100%}.sectiondata,.sectiondataCheatSheet{background:#fff;border:1px solid #8e8e8e;box-shadow:0 1px 2px #1112130f;height:90vh;width:82%}.sectiondata,.sectiondataCheatSheet,.ytshortssectiondata{border-radius:5px;left:17.6%;padding:10px;position:fixed;transition:.3s ease}.ytshortssectiondata{box-shadow:0 1px 2px #021e540f;height:89vh;overflow-y:auto;width:80%}::-webkit-scrollbar{--scrollbar-width-height:1px;height:1%;width:1.5px}::-webkit-scrollbar-thumb{background:silver}@media (max-width:1200px){body{width:100%}.sectiondata,.sectiondataCheatSheet,.ytshortssectiondata{left:0;width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{align-items:center;background:#0000;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;height:70px;justify-content:space-between;padding:0 100px}nav .logo{color:#fff;cursor:pointer;font-size:30px;font-weight:600;height:10vh;letter-spacing:-1px;position:relative;top:13%;width:30vh}.logo img{height:7vh;width:100%}nav .nav-items{display:flex;flex:1 1;padding:0 0 0 40px}nav .nav-items li{list-style:none;padding:0 15px}nav .nav-items li a{color:#fff;font-size:18px;font-weight:500;text-decoration:none}nav .nav-items li a:hover{color:#ff3d00}nav form{background:#fff;border:1px solid #9b9b9b33;border-radius:2px;display:flex;height:40px;min-width:18%!important;outline:none;padding:2px}nav form .search-data{background:none;border:none;color:#000;font-size:17px;font-weight:500;height:100%;outline:none;padding:0 10px;width:100%}nav form button{background:linear-gradient(#f7fafc,#def3f762);border:none;border-radius:2px;color:#000;cursor:pointer;font-size:17px;padding:0 15px}nav .cancel-icon,nav .menu-icon,nav .search-icon{color:#fff;cursor:pointer;display:none;font-size:18px;margin:0 50px;text-align:center;width:40px}nav .cancel-icon,nav .menu-icon span,nav .search-icon{display:none}@media (max-width:1245px){nav{padding:0 50px}}@media (max-width:1140px){nav{padding:0}nav .logo{flex:2 1;text-align:center}nav .nav-items{background:#14181f;color:#000;display:inline-block;height:100%;left:-100%;padding:10px 50px 0;position:fixed;text-align:center;top:70px;transition:left .3s ease;width:100%;z-index:99}nav .nav-items.active{left:0}nav .nav-items li{line-height:40px;margin:30px 0}nav .nav-items li a{font-size:20px}nav form{opacity:0;outline:none;pointer-events:none;position:absolute;right:50px;top:80px;transition:top .3s ease,opacity .1s ease}nav form.active{opacity:1;outline:none;pointer-events:auto;top:95px}nav form:before{border:10px solid;border-color:#0000 #0000 #1e232b;height:0;margin:-20px 0 0;right:0;top:-13px;width:0;z-index:-1}nav form:after,nav form:before{content:"";outline:none;position:absolute}nav form:after{background:#1e232b;border-radius:2px;height:60px;left:50%;min-width:calc(100% + 20px);padding:2px;top:50%;transform:translate(-50%,-50%);z-index:-2}nav .menu-icon,nav .menu-icon span,nav .search-icon{color:#000;display:block}nav .menu-icon span.hide,nav .search-icon.hide{display:none}nav .cancel-icon.show{color:#000;display:block}}.content{text-align:center}.space{margin:10px 0}nav .logo.space{color:red;padding:0 5px 0 0}@media (max-width:980px){nav .logo{flex:2 1;text-align:center}nav .cancel-icon,nav .menu-icon,nav .search-icon{margin:0 20px}nav form{right:30px}}@media (max-width:768px){nav .logo{flex:1 1;text-align:right;img{height:7vh;width:80%}}nav .cancel-icon,nav .menu-icon,nav .search-icon{margin:0 20px}nav form{right:30px}}@media (max-width:350px){nav .logo{flex:2 1;text-align:center;img{height:7vh;width:60%}}nav .cancel-icon,nav .menu-icon,nav .search-icon{font-size:16px;margin:0 10px}}.content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.content .text,.content header{font-size:30px;font-weight:700}.content .space{margin:10px 0}.about-container{align-items:center;border-radius:2px;border-radius:5px;display:flex;justify-content:space-evenly;margin:2% auto 20px;padding:10px;position:relative;width:100%}.about-container img{border-radius:5px;height:250px}.about-text{width:500px}.about-text h2{color:#403e3e;font-size:30px;font-weight:700;line-height:0px;padding:10px}.about-text h3{color:#3e3d3d;font-size:13px;font-weight:700;line-height:5px;padding:10px}.about-text a{background-color:#262525;border:none;color:#fff;height:40px;outline:none;padding:10px;text-decoration:none}@media (max-width:768px){.about-container{align-items:center;flex-direction:column;height:86vh;overflow-y:auto;top:0;width:100%}.about-container img,.about-text{width:90%}}.mainHome{margin:0;padding:0;position:relative}.subHome{display:flex;flex-direction:column;height:87.4vh;overflow-y:auto}.mainProgrammingLanguage{margin:0;padding:0;position:relative}.mainProgrammingLanguage .subProgrammingLanguage{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;letter-spacing:1px;margin:10px;position:relative}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage{background:#fff;border:2px solid #4070f4;box-shadow:0 25px 25px #0003;display:flex;margin:10px}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage .ListProgrammingLanguage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:10px}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage .ListProgrammingLanguage img{height:25vh;width:50vh}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage .ListProgrammingLanguage h3{color:#000;font-size:20px;margin-top:10px}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage .ListProgrammingLanguage p{color:#000;font-size:15px;margin-top:10px}@media(max-width:768px){.mainProgrammingLanguage .subProgrammingLanguage{flex-direction:column;margin:0;padding:0}.mainProgrammingLanguage .subProgrammingLanguage .ProgrammingLanguage{flex-direction:column;margin:10px;padding:10px}}.sidebar{background:linear-gradient(#f7fafc,#def3f762);height:calc(100vh - 32px);position:fixed;transition:all .4s ease;width:270px}.sidebar.collapsed{width:85px}.sidebar .sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:25px 20px;position:relative}.sidebar-header .header-logo img{border-radius:50%;display:block;height:46px;object-fit:contain;width:46px}.sidebar-nav .nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0 1px;transform:translateY(15px);transition:.4s ease}.sidebar.collapsed .sidebar-nav .primary-nav{transform:translateY(65px)}.sidebar-nav .nav-link{align-items:center;border-bottom-left-radius:8px;border-top-left-radius:8px;color:#000;display:flex;gap:12px;padding:12px 15px;text-decoration:none;transition:.4s ease;white-space:nowrap}.sidebar.collapsed .sidebar-nav .nav-link{border-radius:12px}.sidebar .sidebar-nav .nav-link .nav-label{transition:opacity .3s ease}.sidebar.collapsed .sidebar-nav .nav-link .nav-label{opacity:0;pointer-events:none}.sidebar-nav .nav-link:hover{background:#b1c2f2;color:#000}.sidebar-nav .nav-item{position:relative}.sidebar-nav .nav-tooltip{background:#fff;border-radius:8px;box-shadow:0 5px 10px #0000001a;color:#151a2d;display:none;left:calc(100% + 25px);opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:-10px;transition:0s;white-space:nowrap}.sidebar.collapsed .sidebar-nav .nav-tooltip{display:block}.sidebar-nav .nav-item:hover .nav-tooltip{opacity:1;pointer-events:auto;transform:translateY(50%);transition:all .4s ease}.sidebar-nav .secondary-nav{bottom:30px;position:absolute;width:100%}.nav-link.active{background:linear-gradient(270deg,#f7fafc,#4070f473 80%);border-radius:8px;color:#000}.menu-toggle{display:none}@media (max-width:1024px){.sidebar{background-color:#fff;box-shadow:2px 0 5px #0000004d;cursor:pointer;height:100%;left:-100%;position:fixed;top:0;transition:left .3s ease-in-out;width:250px}.open{cursor:pointer;left:0;z-index:1000}.baricon{cursor:pointer;left:6%;position:absolute;top:4.5%}.Closebaricon{background:#f7fafc;border:1px solid #707070;font-size:24px;position:absolute;right:-8%;top:3.5%}.sidebar.menu-active{height:auto}.sidebar .nav-list{flex-direction:column}.menu-toggle{display:block}}.mainsourcecode{border-radius:5px;box-sizing:border-box;margin:1px auto;padding:25px 10px}.mainsourcecode,.mainsourcecode .sourcecode{align-items:center;display:flex;justify-content:center;width:100%}.mainsourcecode .sourcecode{flex-direction:column}.sourcecode .optionofTabs{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:20px;position:relative;width:100%}.sourcecode .optionofTabs label{border-radius:5px;box-sizing:border-box;color:#4070f4;cursor:pointer;flex:1 1;font-size:14px;margin:0 5px;max-width:150px;padding:10px 15px;text-align:center;transition:background .3s ease}#cards:checked~.optionofTabs .cards,#footer:checked~.optionofTabs .footer,#header:checked~.optionofTabs .header,#image:checked~.optionofTabs .image,#login:checked~.optionofTabs .login,#sidebarcode:checked~.optionofTabs .sidebarcode,.sourcecode .optionofTabs label:hover{background:#afbfeb78}input[type=radio]{display:none}#cards:checked~.optionofTabs .slider{left:calc(5% + 5px)}#header:checked~.optionofTabs .slider{left:calc(25% + 5px)}#footer:checked~.optionofTabs .slider{left:calc(45% + 5px)}#sidebarcode:checked~.optionofTabs .slider{left:calc(65% + 5px)}#image:checked~.optionofTabs .slider,#login:checked~.optionofTabs .slider{left:calc(85% + 5px)}section{height:75vh;overflow-y:auto;width:100%}section .SourceCodeContent{box-sizing:border-box;display:none;padding:15px;width:100%}#cards:checked~section .SourceCodeContent-1,#footer:checked~section .SourceCodeContent-3,#header:checked~section .SourceCodeContent-2,#image:checked~section .SourceCodeContent-5,#login:checked~section .SourceCodeContent-6,#sidebarcode:checked~section .SourceCodeContent-4{display:block}.SourceCodeContent .title{font-size:15px;margin:10px 0}.SourceCodeContent p{margin:0;text-align:justify}@media (max-width:1024px){.sourcecode .optionofTabs label{border-radius:5px;box-sizing:border-box;color:#4070f4;cursor:pointer;flex:1 1;font-size:14px;margin:0 5px;max-width:150px;padding:10px;text-align:center;transition:background .3s ease}}.mainCardsReactCodes{margin:0;padding:0;position:relative}.mainCardsReactCodes .subCardsReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes1{align-items:center;display:flex;margin:6px}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes2{display:flex;margin:6px;padding:10px}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes2 .CardCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes2 .CardCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes .listCardsReactCodes2 .CardCodeBtns button .CardIcons{font-size:16px}.mainCardsReactCodes .subCardsReactCodes .CardsReactCodes:hover{background:#f3f3f3}.mainCardsReactCodes .CardPopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainCardsReactCodes .CardPopup .subCardPopup{border-radius:10px;margin:1% auto;position:relative;width:95%}.mainCardsReactCodes .CardPopup .subCardPopup iframe{height:96vh;width:100%}.mainCardsReactCodes .CardPopup .CardCloseButton{color:#fff;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainCardsReactCodes .CardPopup .CardCloseButton:focus,.mainCardsReactCodes .CardPopup .CardCloseButton:hover{color:#fff;cursor:pointer;text-decoration:none}.mainCardsReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainCardsReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainCardsReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainCardsReactCodes .popup .popup-content .card-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainCardsReactCodes .popup .popup-content .card-close-button:focus,.mainCardsReactCodes .popup .popup-content .card-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.SubCardsReactCodes{margin-bottom:10%}.SubCardsReactCodes .CardsReactCodes{flex-direction:column;width:50%!important}.SubCardsReactCodes .CardsReactCodes .listCardsReactCodes1,.SubCardsReactCodes .CardsReactCodes .listCardsReactCodes2{width:100%!important}}@media(max-width:768px){.SubCardsReactCodes{flex-direction:column}.SubCardsReactCodes,.SubCardsReactCodes .listCardsReactCodes1,.SubCardsReactCodes .listCardsReactCodes2{width:100%!important}.CardsReactCodes{flex-direction:column}.CardsReactCodes:hover{background:none!important}}.mainHeaderReactCodes{margin:0;padding:0;position:relative}.mainHeaderReactCodes .subHeaderReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes1{align-items:center;display:flex;margin:6px}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes2{display:flex;margin:6px;padding:10px}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes2 .HeaderCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes2 .HeaderCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainHeaderReactCodes .subHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes2 .HeaderCodeBtns button .HeaderIcons{font-size:16px}.mainHeaderReactCodes .subHeaderReactCodes .CardsReactCodes:hover{background:#f3f3f3}.mainHeaderReactCodes .HeaderSourceCodePopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainHeaderReactCodes .HeaderSourceCodePopup .subHeaderSourceCodePopup{background:#fff;border-radius:10px;margin:1% auto;position:relative;width:95%}.mainHeaderReactCodes .HeaderSourceCodePopup .subHeaderSourceCodePopup iframe{height:100vh;width:100%}.mainHeaderReactCodes .HeaderSourceCodePopup .subHeaderSourceCodePopup .HeaderSourceCodeCloseButton{color:#000;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainHeaderReactCodes .HeaderSourceCodePopup .subHeaderSourceCodePopup .HeaderSourceCodeCloseButton:focus,.mainHeaderReactCodes .HeaderSourceCodePopup .subHeaderSourceCodePopup .HeaderSourceCodeCloseButton:hover{color:#000;text-decoration:none}.mainHeaderReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainHeaderReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainHeaderReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainHeaderReactCodes .popup .popup-content .header-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainHeaderReactCodes .popup .popup-content .header-close-button:focus,.mainHeaderReactCodes .popup .popup-content .header-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.mainHeaderReactCodes .HeaderReactCodes{margin-bottom:10%}.mainHeaderReactCodes .HeaderReactCodes .SubHeaderReactCodes{flex-direction:column;height:auto!important;width:50%!important}.mainHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes1,.mainHeaderReactCodes .HeaderReactCodes .listHeaderReactCodes2{width:100%!important}}@media(max-width:768px){.mainHeaderReactCodes .SubHeaderReactCodes{flex-direction:column;width:100%!important}.mainHeaderReactCodes .SubHeaderReactCodes .listHeaderReactCodes1,.mainHeaderReactCodes .SubHeaderReactCodes .listHeaderReactCodes2{width:100%!important}}.mainFootersReactCodes{margin:0;padding:0;position:relative}.mainFootersReactCodes .SubFootersReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes1{align-items:center;display:flex;margin:6px}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes2{display:flex;margin:6px;padding:10px}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes2 .FooterCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes2 .FooterCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes .listFootersReactCodes2 .FooterCodeBtns button .FooterIcons{font-size:16px}.mainFootersReactCodes .SubFootersReactCodes .FootersReactCodes:hover{background:#f3f3f3}.mainFootersReactCodes .FooterSourceCodePopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainFootersReactCodes .FooterSourceCodePopup .subFooterSourceCodePopup{background:#fff;border-radius:10px;margin:1% auto;position:relative;width:95%}.mainFootersReactCodes .FooterSourceCodePopup .subFooterSourceCodePopup iframe{height:100vh;width:100%}.mainFootersReactCodes .FooterSourceCodePopup .subFooterSourceCodePopup .FooterSourceCodeCloseButton{color:#000;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainFootersReactCodes .FooterSourceCodePopup .subFooterSourceCodePopup .FooterSourceCodeCloseButton:focus,.mainFootersReactCodes .FooterSourceCodePopup .subFooterSourceCodePopup .FooterSourceCodeCloseButton:hover{color:#000;cursor:pointer;text-decoration:none}.mainFootersReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainFootersReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainFootersReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainFootersReactCodes .popup .popup-content .footer-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainFootersReactCodes .popup .popup-content .footer-close-button:focus,.mainFootersReactCodes .popup .popup-content .footer-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.mainFootersReactCodes .FootersReactCodes{margin-bottom:10%}.mainFootersReactCodes .FootersReactCodes .SubFootersReactCodes{flex-direction:column;height:auto!important;width:50%!important}.mainFootersReactCodes .FootersReactCodes .SubFootersReactCodes .listFootersReactCodes1,.mainFootersReactCodes .FootersReactCodes .SubFootersReactCodes .listFootersReactCodes2{width:100%!important}}@media(max-width:768px){.mainFootersReactCodes .SubFootersReactCodes{flex-direction:column;width:100%!important}.mainFootersReactCodes .SubFootersReactCodes .listFootersReactCodes1,.mainFootersReactCodes .SubFootersReactCodes .listFootersReactCodes2{width:100%!important}}.mainImagesReactCodes{margin:0;padding:0;position:relative}.mainImagesReactCodes .subImagesReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes1{align-items:center;display:flex;margin:6px}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2{display:flex;margin:6px;padding:10px}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2 h4{color:#616060;font-size:14px;padding-bottom:10px}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2 p{font-size:12px}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2 .ImageCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2 .ImageCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainImagesReactCodes .subImagesReactCodes .ImagesReactCodes .listImagesReactCodes2 .ImageCodeBtns button .CardIcons{font-size:16px}.mainImagesReactCodes .CardPopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainImagesReactCodes .CardPopup .subCardPopup{border-radius:10px;margin:1% auto;position:relative;width:95%}.mainImagesReactCodes .CardPopup .subCardPopup iframe{height:96vh;width:100%}.mainImagesReactCodes .CardPopup .CardCloseButton{color:#fff;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainImagesReactCodes .CardPopup .CardCloseButton:focus,.mainImagesReactCodes .CardPopup .CardCloseButton:hover{color:#fff;cursor:pointer;text-decoration:none}.mainImagesReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainImagesReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainImagesReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainImagesReactCodes .popup .image-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainImagesReactCodes .popup .image-close-button:focus,.mainImagesReactCodes .popup .image-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.mainImagesReactCodes .ImagesReactCodes{margin-bottom:10%}.mainImagesReactCodes .SubImagesReactCodes{flex-direction:column;width:50%!important}.mainImagesReactCodes .listImagesReactCodes1,.mainImagesReactCodes .listImagesReactCodes2{width:100%!important}}@media(max-width:768px){.mainImagesReactCodes .SubImagesReactCodes{flex-direction:column;width:100%!important}.mainImagesReactCodes .listImagesReactCodes1,.mainImagesReactCodes .listImagesReactCodes2{width:100%!important}}.mainSidebarReactCodes{margin:0;padding:0;position:relative}.mainSidebarReactCodes .subSidebarReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes1{align-items:center;display:flex;margin:6px}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2{display:flex;margin:6px;padding:10px}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2 h4{color:#616060;font-size:14px;padding-bottom:10px}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2 p{font-size:12px}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2 .SidebarCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2 .SidebarCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainSidebarReactCodes .subSidebarReactCodes .SidebarReactCodes .listSidebarReactCodes2 .SidebarCodeBtns button .CardIcons{font-size:16px}.mainSidebarReactCodes .CardPopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainSidebarReactCodes .CardPopup .subCardPopup{border-radius:10px;margin:1% auto;position:relative;width:95%}.mainSidebarReactCodes .CardPopup .subCardPopup iframe{height:96vh;width:100%}.mainSidebarReactCodes .CardPopup .CardCloseButton{color:#fff;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainSidebarReactCodes .CardPopup .CardCloseButton:focus,.mainSidebarReactCodes .CardPopup .CardCloseButton:hover{color:#fff;cursor:pointer;text-decoration:none}.mainSidebarReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainSidebarReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainSidebarReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainSidebarReactCodes .popup .image-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainSidebarReactCodes .popup .image-close-button:focus,.mainSidebarReactCodes .popup .image-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.mainSidebarReactCodes .SidebarReactCodes{margin-bottom:10%}.mainSidebarReactCodes .SubSidebarReactCodes{flex-direction:column;width:50%!important}.mainSidebarReactCodes .listSidebarReactCodes1,.mainSidebarReactCodes .listSidebarReactCodes2{width:100%!important}}@media(max-width:768px){.mainSidebarReactCodes .SubSidebarReactCodes{flex-direction:column;width:100%!important}.mainSidebarReactCodes .listSidebarReactCodes1,.mainSidebarReactCodes .listSidebarReactCodes2{width:100%!important}}.mainLoginsReactCodes{margin:0;padding:0;position:relative}.mainLoginsReactCodes .subLoginsReactCodes{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;margin:10px;overflow:hidden;position:relative;transition:.5s;width:100%}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes1{align-items:center;display:flex;margin:6px}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes1 img{height:8vh;margin-right:10px;width:15vh}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes1 h4{color:#616060;cursor:pointer;font-size:14px;font-weight:500;padding-bottom:10px}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2{display:flex;margin:6px;padding:10px}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2 h4{color:#616060;font-size:14px;padding-bottom:10px}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2 p{font-size:12px}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2 .LoginCodeBtns{align-items:center;display:flex;justify-content:space-around}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2 .LoginCodeBtns button{background:none;border:1px solid #4070f4;border-radius:5px;color:#4070f4;cursor:pointer;font-size:12px;margin:10px;padding:6px;text-align:center;text-decoration:none;width:10vh}.mainLoginsReactCodes .subLoginsReactCodes .LoginsReactCodes .listLoginsReactCodes2 .LoginCodeBtns button .CardIcons{font-size:16px}.mainLoginsReactCodes .CardPopup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainLoginsReactCodes .CardPopup .subCardPopup{border-radius:10px;margin:1% auto;position:relative;width:95%}.mainLoginsReactCodes .CardPopup .subCardPopup iframe{height:96vh;width:100%}.mainLoginsReactCodes .CardPopup .CardCloseButton{color:#fff;cursor:pointer;font-size:26px;position:absolute;right:3%;top:0}.mainLoginsReactCodes .CardPopup .CardCloseButton:focus,.mainLoginsReactCodes .CardPopup .CardCloseButton:hover{color:#fff;cursor:pointer;text-decoration:none}.mainLoginsReactCodes .popup{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.mainLoginsReactCodes .popup .popup-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:5% auto;max-width:160vh;padding:20px;position:relative;width:100%}.mainLoginsReactCodes .popup .popup-content iframe{height:80vh;width:100%}.mainLoginsReactCodes .popup .Login-close-button{background:#fff;color:#aaa;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-3%;top:0}.mainLoginsReactCodes .popup .Login-close-button:focus,.mainLoginsReactCodes .popup .Login-close-button:hover{color:#000;cursor:pointer;text-decoration:none}@media(max-width:992px){.mainLoginsReactCodes .LoginsReactCodes{margin-bottom:10%}.mainLoginsReactCodes .SubLoginsReactCodes{flex-direction:column;width:50%!important}.mainLoginsReactCodes .listLoginsReactCodes1,.mainLoginsReactCodes .listLoginsReactCodes2{width:100%!important}}@media(max-width:768px){.mainLoginsReactCodes .SubLoginsReactCodes{flex-direction:column;width:100%!important}.mainLoginsReactCodes .listLoginsReactCodes1,.mainLoginsReactCodes .listLoginsReactCodes2{width:100%!important}}.Projects{margin:10px;padding:10px}.subProjects{flex-wrap:wrap;justify-content:flex-start;padding:10px 0}.Projectpopup,.subProjects{align-items:center;display:flex}.Projectpopup{background:#000c;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.ProjectpopupContent{background:#fff;border-radius:10px;overflow-y:auto;padding:10px;position:relative;text-align:center;width:100%}.ProjectpopupContent iframe{border:none;border-radius:5px;height:500px;margin-top:10px;width:100%}.ProjectpopupContent h2{font-size:24px;margin-bottom:10px}.ProjectpopupContent p{font-size:16px;margin-top:10px}.ProjectpopupContent .DownloadBtn{background:#333;border:none;border-radius:40px;color:#fff;cursor:pointer;padding:10px;width:20vh}@media screen and (max-width:978px){.container{flex-direction:column;flex-wrap:wrap}.card{margin:20px 0;max-width:700px}.Projects{height:100vh;overflow-y:auto}.subProjects{margin-bottom:10%}}.BlogsReact{height:90vh;overflow-y:auto}.Blogcards{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.BlogSubCard,.Blogcards{margin:10px;padding:10px}.BlogSubCard{background:linear-gradient(#f7fafc,#def3f762);border-radius:10px;box-shadow:0 0 30px #0000002e;height:47vh;width:44vh}.BlogImg{-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);position:relative}.BlogImg img{border-radius:10px 10px 0 0;display:block;width:100%}.BlogImg:after{border-radius:20px 20px 0 0;content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}.BlogDetails{padding:20px 10px}.BlogDetails h3{color:#000;font-size:14px;font-weight:600;height:10vh;margin:10px 0 15px}.BlogDetails p{color:#a0a0a0;font-size:15px;font-weight:400;line-height:30px}.BlogBtn{background:none;border:1px solid #707070;border-radius:40px;color:#000;cursor:pointer;padding:7px;width:50%}.mainCheatsheet{margin:0;padding:0;position:relative}.mainCheatsheet .subCheatsheet{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.mainCheatsheet .subCheatsheet .Cheatsheet{border:1px solid #707070;border-radius:15px;height:30vh;margin:10px;width:30vh}.mainCheatsheet .subCheatsheet .Cheatsheet .mainCheatsheet-border-top{background:#3e74f9;border-radius:0 0 15px 15px;height:3%;margin:auto;width:60%}.mainCheatsheet .subCheatsheet .Cheatsheet span{color:#fff;display:block;font-size:16px;font-weight:600;padding-top:10px;text-align:center}.mainCheatsheet .subCheatsheet .Cheatsheet .job{color:#fff;display:block;font-size:12px;font-weight:400;padding-top:3px;text-align:center}.mainCheatsheet .subCheatsheet .Cheatsheet .img{background:#3e74f9;border-radius:15px;height:80px;margin:25px auto auto;padding:10px;width:70px}.mainCheatsheet .subCheatsheet .Cheatsheet .img .IconName{color:#fff;font-size:24px;height:100%;width:100%}.mainCheatsheet .subCheatsheet .Cheatsheet button{border:1px solid #3e74f9;border-radius:8px;color:#707070;cursor:pointer;display:block;font-weight:600;margin:30px auto auto;padding:8px 25px}.container{max-width:800px;padding:25px 40px 10px;width:800px}.container form{padding:30px 0 0}.container form .form-row{display:flex;margin:32px 0}form .form-row .input-data{height:40px;margin:0 20px;position:relative;width:100%}form .form-row .textarea{height:70px}.input-data input,.textarea textarea{background:none;border:none;border-bottom:2px solid #0000001f;display:block;font-size:17px;height:100%;outline:none;width:100%}.input-data input:focus~label,.input-data input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{font-size:14px;transform:translateY(-20px)}.textarea textarea{padding-top:10px;resize:none}.input-data label{bottom:10px;font-size:16px;pointer-events:none;position:absolute;transition:all .3s ease}.textarea label{bottom:40px;width:100%}.submit-btn .input-data{height:45px!important;height:100%;overflow:hidden;transition:all .4s;width:25%!important;width:300%}.submit-btn .input-data:hover .inner{left:0}.SubmitBtn{background:#4070f4;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:20vh}.submit-btn .input-data input{background:none;border:none;cursor:pointer;font-size:17px;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:2}@media (max-width:700px){.container .text{font-size:30px}.container form{padding:10px 0 0}.container form .form-row{display:block}form .form-row .input-data{margin:35px 0!important}.submit-btn .input-data{width:40%!important}}.mainytshorts{flex-direction:column;position:relative}.mainytshorts,.ytshorts{align-items:center;display:flex;justify-content:center}.ytshorts{flex-wrap:wrap;margin:10px}.ytshorts .sub-shorts{border:1px solid #4070f4;margin:10px}.Portfolio{margin:10px;padding:10px}.subPortfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:10px 0}.card{background:#fff;box-shadow:2px 2px 5px #0003;margin:0 20px 20px;transition:.4s}.card .img{height:240px;width:70vh}.card .img img{cursor:pointer;height:100%;object-fit:cover;width:100%}.card .description{padding:5px}.card .description p{color:#e74c3c;font-size:12px;font-weight:600;line-height:20px}.Portfoliopopup{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.PortfoliopopupContent{background:#fff;border-radius:10px;overflow-y:auto;padding:10px;position:relative;text-align:center;width:100%}.PortfoliopopupContent iframe{border:none;border-radius:5px;height:500px;margin-top:10px;width:100%}.PortfoliopopupContent h2{font-size:24px;margin-bottom:10px}.PortfoliopopupContent p{font-size:16px;margin-top:10px}.PortfoliopopupContent .DownloadBtn{background:#333;border:none;border-radius:40px;color:#fff;cursor:pointer;padding:10px;width:20vh}.ProjectcloseButton{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:.3s}.ProjectcloseButton:hover{color:#e74c3c}@media screen and (max-width:978px){.container{flex-direction:column;flex-wrap:wrap}.card{margin:20px 0;max-width:700px}.Portfolio{height:100vh;overflow-y:auto}.subPortfolio{margin-bottom:10%}}.mainCheckBoxList{margin:0;padding:0;position:relative}.mainCheckBoxList .subCheckBoxList{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.mainCheckBoxList .subCheckBoxList .CheckBoxList{align-items:center;border:1px solid #e9e3e3;display:flex;justify-content:space-between;margin-right:3%;margin-top:10px;padding:10px;width:30%}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo{display:flex}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo .CheckBoxListUIElements-image-box{align-items:center;display:flex;justify-content:center}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo img{box-shadow:0 8px 12px #021e540f;height:50px;object-fit:contain;width:70px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo p{padding-left:10px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:10px;padding:3px 7px}.mainLoaderList{margin:0;padding:0;position:relative}.mainLoaderList .subLoaderList{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.mainLoaderList .subLoaderList .LoaderList{align-items:center;border:1px solid #e9e3e3;display:flex;justify-content:space-between;margin-right:3%;margin-top:10px;padding:10px;width:30%}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo{display:flex}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo .LoaderListUIElements-image-box{align-items:center;display:flex;justify-content:center}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo img{box-shadow:0 8px 12px #021e540f;height:50px;object-fit:contain;width:70px}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo p{padding-left:10px}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:10px;padding:3px 7px}.mainButtonList{margin:0;padding:0;position:relative}.mainButtonList .subButtonList{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.mainButtonList .subButtonList .ButtonList{align-items:center;border:1px solid #e9e3e3;display:flex;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:30%}.mainButtonList .subButtonList .ButtonList .ButtonInfo{display:flex}.mainButtonList .subButtonList .ButtonList .ButtonInfo .ButtonListUIElements-image-box{align-items:center;display:flex;justify-content:center}.mainButtonList .subButtonList .ButtonList .ButtonInfo img{box-shadow:0 8px 12px #021e540f;height:50px;object-fit:contain;width:70px}.mainButtonList .subButtonList .ButtonList .ButtonInfo p{font-size:14px;padding-left:10px}.mainButtonList .subButtonList .ButtonList .ButtonInfo button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:10px;padding:3px 7px}.mainRadioButtons{margin:0;padding:0;position:relative}.mainRadioButtons .subRadioButtons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.mainRadioButtons .subRadioButtons .RadioButtons{align-items:center;border:1px solid #e9e3e3;display:flex;justify-content:space-between;margin-right:3%;margin-top:10px;padding:10px;width:30%}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo{display:flex}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo .RadioButtonsUIElements-image-box{align-items:center;display:flex;justify-content:center}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo img{box-shadow:0 8px 12px #021e540f;height:50px;object-fit:contain;width:70px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo p{padding-left:10px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:10px;padding:3px 7px}.MainUIElements{margin:0;padding:0;position:relative}.MainUIElements ::-webkit-scrollbar{display:none}.MainUIElements .subUIElements{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.MainUIElements .subUIElements .UIElements{width:100%}.MainUIElements .subUIElements .UIElements button{background:#fff;border-color:#0000;border-radius:3px;cursor:pointer;font-size:14px;margin:10px 5px 10px 10px;padding:5px 10px;transition:.3s ease;width:10%}.MainUIElements .subUIElements .UIElements button:hover{background:#ddd}.MainUIElements .subUIElements .UIElements button.active{background:rgba(175,191,235,.471);color:#4070f4;margin:10px;padding:5px 10px}.MainUIElements .subUIElements .UIElements-content{display:flex;flex-wrap:wrap;height:80vh;overflow-y:auto;width:100%}.MainUIElements .subUIElements .UIElements-content .ListOfUIElements{border-bottom:1px solid #ddd;width:100%}.MainUIElements .subUIElements .UIElements-content .ListOfUIElements .UIElements-card-img-top{margin:10px;width:100%}.MainUIElements .subUIElements .UIElements-content .ListOfUIElements .UIElements-card-img-top h3{color:#4070f4;font-size:14px}#filterable-cards .card{border:2px solid #0000;width:15rem}#filterable-cards .card.hide{display:none}@media(max-width:600px){#filterable-cards{justify-content:center}#filterable-cards .card{width:calc(50% - 10px)}}.mainCardList{margin:0;padding:0;position:relative}.mainCardList .subCardList{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.mainCardList .subCardList .CardList{align-items:center;border:1px solid #e9e3e3;display:flex;justify-content:space-between;margin-right:3%;margin-top:10px;padding:10px;width:30%}.mainCardList .subCardList .CardList .CardListInfo{display:flex}.mainCardList .subCardList .CardList .CardListInfo .CardListUIElements-image-box{align-items:center;display:flex;justify-content:center}.mainCardList .subCardList .CardList .CardListInfo img{box-shadow:0 8px 12px #021e540f;height:50px;object-fit:contain;width:70px}.mainCardList .subCardList .CardList .CardListInfo p{padding-left:10px}.mainCardList .subCardList .CardList .CardListInfo button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:10px;padding:3px 7px}
/*# sourceMappingURL=main.802f12fa.css.map*/