*{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)}}.hero-section,.main-hero-section{align-items:center;display:flex;justify-content:center}.hero-section{background-position:50%;background-size:cover;border:1px solid #000;border-radius:20px;height:85vh;margin-top:10px;width:87%}.hero-section .content{align-items:center;color:#000;display:flex;flex-direction:column;height:30rem;margin:0 auto;max-width:1200px;width:80%}.hero-section .content p{font-weight:300;margin-top:15px;max-width:600px}.hero-section .content h2{font-size:3rem;line-height:70px;max-width:600px}.hero-section .content button{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:38px;padding:12px 30px;transition:.2s ease}.hero-section .content button:hover{background:#c06b3e;color:#fff}.mainOurProduct{display:flex;justify-content:center;margin:10px;padding:10px}.mainOurProduct .subOurProduct{align-items:flex-start;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 8px 12px #021e540f;display:flex;justify-content:space-between;padding:20px;position:relative;top:-6rem;width:85%}.mainOurProduct .subOurProduct .OurProduct{flex:1 1 20%}.mainOurProduct .subOurProduct .OurProductDescription{flex:1 1 80%}.mainWhatWeProvide{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:10px}.mainWhatWeProvide h2{font-size:2rem;margin-bottom:2rem}.mainWhatWeProvide .subWhatWeProvide{align-items:center;display:flex;justify-content:center;width:87%}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide .item{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:1.5rem;transition:transform .3s;width:24rem}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide .item:hover{transform:translateY(-5px)}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide .item .icon{color:#6c63ff;font-size:2.5rem;margin-bottom:1rem}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide .item h3{font-size:1.2rem;margin-bottom:.5rem}.mainWhatWeProvide .subWhatWeProvide .WhatWeProvide .item p{color:#555;font-size:.95rem}.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{border:1px solid #e9e3e3;display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:20%}.mainButtonList .subButtonList .ButtonList .ButtonListUIElements-image-box{align-items:center;background-color:#f3f2f29c;display:flex;justify-content:center;margin:10px;padding:10px}.mainButtonList .subButtonList .ButtonList .ButtonListUIElements-image-box img{box-shadow:0 8px 12px #021e540f;height:15vh;object-fit:contain;width:20vh}.mainButtonList .subButtonList .ButtonList .ButtonInfo .title{color:#000;font-size:14px}.mainButtonList .subButtonList .ButtonList .ButtonInfo p{font-size:12px}.mainButtonList .subButtonList .ButtonList .ButtonInfo .mainDownloadBtn{align-items:center;border-top:1px solid #e1dfdf;display:flex;justify-content:center;margin-top:10px}.mainButtonList .subButtonList .ButtonList .ButtonInfo .mainDownloadBtn button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:14px;margin-top:10px;padding:3px 7px;width:60%}.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{border:1px solid #e9e3e3;display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:20%}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListUIElements-image-box{align-items:center;background-color:#f3f2f29c;display:flex;justify-content:center;margin:10px;padding:10px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListUIElements-image-box img{box-shadow:0 8px 12px #021e540f;height:15vh;object-fit:contain;width:20vh}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo .title{color:#000;font-size:14px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo p{font-size:12px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo .mainDownloadBtn{align-items:center;border-top:1px solid #e1dfdf;display:flex;justify-content:center;margin-top:10px}.mainCheckBoxList .subCheckBoxList .CheckBoxList .CheckBoxListInfo .mainDownloadBtn button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:14px;margin-top:10px;padding:3px 7px;width:60%}.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{border:1px solid #e9e3e3;display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:20%}.mainLoaderList .subLoaderList .LoaderList .LoaderListUIElements-image-box{align-items:center;background-color:#f3f2f29c;display:flex;justify-content:center;margin:10px;padding:10px}.mainLoaderList .subLoaderList .LoaderList .LoaderListUIElements-image-box img{box-shadow:0 8px 12px #021e540f;height:15vh;object-fit:contain;width:20vh}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo .title{color:#000;font-size:14px}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo p{font-size:12px}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo .mainDownloadBtn{align-items:center;border-top:1px solid #e1dfdf;display:flex;justify-content:center;margin-top:10px}.mainLoaderList .subLoaderList .LoaderList .LoaderListInfo .mainDownloadBtn button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:14px;margin-top:10px;padding:3px 7px;width:60%}.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{border:1px solid #e9e3e3;display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:20%}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsUIElements-image-box{align-items:center;background-color:#f3f2f29c;display:flex;justify-content:center;margin:10px;padding:10px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsUIElements-image-box img{box-shadow:0 8px 12px #021e540f;height:15vh;object-fit:contain;width:20vh}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo .title{color:#000;font-size:14px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo p{font-size:12px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo .mainDownloadBtn{align-items:center;border-top:1px solid #e1dfdf;display:flex;justify-content:center;margin-top:10px}.mainRadioButtons .subRadioButtons .RadioButtons .RadioButtonsInfo .mainDownloadBtn button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:14px;margin-top:10px;padding:3px 7px;width:60%}.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{border:1px solid #e9e3e3;display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;margin-top:10px;padding:7px;width:20%}.mainCardList .subCardList .CardList .CardListUIElements-image-box{align-items:center;background-color:#f3f2f29c;display:flex;justify-content:center;margin:10px;padding:10px}.mainCardList .subCardList .CardList .CardListUIElements-image-box img{box-shadow:0 8px 12px #021e540f;height:15vh;object-fit:contain;width:20vh}.mainCardList .subCardList .CardList .CardListInfo .title{color:#000;font-size:14px}.mainCardList .subCardList .CardList .CardListInfo p{font-size:12px}.mainCardList .subCardList .CardList .CardListInfo .mainDownloadBtn{align-items:center;border-top:1px solid #e1dfdf;display:flex;justify-content:center;margin-top:10px}.mainCardList .subCardList .CardList .CardListInfo .mainDownloadBtn button{background:none;border:1px solid #4070f4;border-radius:40px;color:#4070f4;cursor:pointer;font-size:14px;margin-top:10px;padding:3px 7px;width:60%}.MainSourceCode{margin:0;padding:0;position:relative}.MainSourceCode ::-webkit-scrollbar{display:none}.MainSourceCode .subSourceCode{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.MainSourceCode .subSourceCode .SourceCode{background:#fff;border-radius:40px;display:flex;flex:1 1 100%;margin:5px;width:87%}.MainSourceCode .subSourceCode .SourceCode button{background:#fff;border-color:#0000;border-radius:3px;border-radius:40px;cursor:pointer;flex:1 1;font-size:14px;margin:10px 5px 10px 10px;padding:5px 10px;transition:.3s ease;width:10%}.MainSourceCode .subSourceCode .SourceCode button:hover{background:#ddd}.MainSourceCode .subSourceCode .SourceCode button.active{background:rgba(175,191,235,.471);color:#4070f4;margin:10px;padding:5px 10px}.MainSourceCode .subSourceCode .SourceCode-content{background:#fff;border-radius:10px;display:flex;flex-wrap:wrap;margin:5px;width:87%}.MainSourceCode .subSourceCode .SourceCode-content .ListOfSourceCode{border-bottom:1px solid #ddd;width:100%}.MainSourceCode .subSourceCode .SourceCode-content .ListOfSourceCode .SourceCode-card-img-top{margin:10px;width:100%}.MainSourceCode .subSourceCode .SourceCode-content .ListOfSourceCode .SourceCode-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)}}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}.footer{background:#10182f;border-top-left-radius:6px;border-top-right-radius:6px;width:100%}.footer .footer-row{display:flex;flex-wrap:wrap;gap:3.5rem;justify-content:space-between;padding:60px}.footer .footer-row .footer-col h4{color:#fff;font-size:1.2rem;font-weight:400}.footer .footer-row .footer-col .links{margin-top:20px}.footer .footer-row .footer-col .links li{list-style:none;margin-bottom:10px}.footer .footer-row .footer-col .links li a{color:#bfbfbf;text-decoration:none}.footer .footer-row .footer-col .links li a:hover{color:#fff}.footer .footer-row .footer-col p{color:#bfbfbf;margin:20px 0;max-width:300px}.footer .footer-row .footer-col form{display:flex;gap:5px}.footer .footer-row .footer-col form input{background:none;border:1px solid #7489c6;border-radius:6px;caret-color:#fff;color:#fff;height:40px;outline:none;padding-left:10px;width:100%}.footer .footer-row .footer-col form input::placeholder{color:#ccc}.footer .footer-row .footer-col form button{background:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;outline:none;padding:10px 15px;transition:.2s ease}.footer .footer-row .footer-col form button:hover{background:#cecccc}.footer .footer-row .footer-col .icons{cursor:pointer;display:flex;gap:30px;margin-top:30px}.footer .footer-row .footer-col .icons i{color:#afb6c7}.footer .footer-row .footer-col .icons i:hover{color:#fff}@media(max-width:768px){.footer{border-radius:0;bottom:0;left:0;position:relative;transform:none;width:100%}.footer .footer-row{gap:1rem;padding:20px}.footer .footer-row .footer-col form{display:block}.footer .footer-row .footer-col form button,.footer .footer-row .footer-col form input{width:100%}.footer .footer-row .footer-col form button{margin:10px 0 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}.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}}.mainAboutus{margin:0;padding:0;position:relative}.mainAboutus .subAboutus{display:flex;flex-direction:column;height:87.4vh;overflow-y:auto}.mainAboutus .subAboutus .about-container{align-items:center;border-radius:5px;display:flex;justify-content:space-evenly;margin:2% auto 20px;padding:10px;position:relative;width:100%}.mainAboutus .subAboutus .about-container img{border-radius:5px;height:250px}.mainAboutus .subAboutus .about-container .about-text{width:500px}.mainAboutus .subAboutus .about-container .about-text h2{color:#403e3e;font-size:30px;font-weight:700;line-height:0px;padding:10px}.mainAboutus .subAboutus .about-container .about-text h3{color:#3e3d3d;font-size:13px;font-weight:700;line-height:5px;padding:10px}.mainAboutus .subAboutus .about-container .about-text a{background-color:#262525;border:none;color:#fff;height:40px;outline:none;padding:10px;text-decoration:none}@media(max-width:768px){.mainAboutus .subAboutus .about-container{align-items:center;flex-direction:column;height:86vh;overflow-y:auto;top:0;width:100%}.mainAboutus .subAboutus .about-container .about-text,.mainAboutus .subAboutus .about-container img{width:90%}}.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}}.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%}}.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}
/*# sourceMappingURL=main.956cc884.css.map*/