@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:Raleway,serif;width:100%;height:100%}:root{--color-bg: #020312;--color-text1: #b5a8d5;--color-gray: #dcd7c9;--color-darkgray: #303030}.header{width:100%;padding:.4rem 0;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg);color:#fff}.header-logo{margin:0 1rem;font-size:2.5rem}.header-logo-name{font-size:2.5rem}.search-tools{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem;padding:1rem 0}.searchBar-container{display:flex;justify-content:center;align-items:center}.searchBar-container .searchBar{flex:1;max-width:280px;border:none;outline:none;font-size:1rem;padding:.5rem 1rem;border-radius:5px}.randomWidget{display:flex;justify-content:center;align-items:center}.randomWidget button{cursor:pointer;flex:1;padding:.5em 1em;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#000;color:var(--color-text1);border:1px solid #fff}.randomWidget button span{display:block}@media (max-width: 600px){.search-tools .randomWidget button{font-size:1rem}.search-tools .randomWidget button span{display:none}}.Back-Button{font-size:1.6rem;text-decoration:none;color:inherit;display:flex;margin:3rem 0 3rem 2rem}@media (max-width: 600px){.Back-Button{margin:1.5rem 0 0 1rem}}.hero-section{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--color-bg),#1a1a2e);color:#fff}.hero-section h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.hero-section p{font-size:1.2rem;font-weight:400;max-width:600px;opacity:.9;margin:0 auto 1rem}@media (max-width: 600px){.hero-section h1{font-size:1.5rem}.hero-section p{font-size:1rem}}.project-card{display:flex;flex-direction:column;color:var(--color-text1);border-radius:15px;border:1px solid var(--color-gray);box-shadow:0 4px 15px #fff6;width:100%;height:100%;overflow:hidden}.project-card-image{position:relative}.project-card-image img{width:100%;height:100%;object-fit:cover;overflow:hidden}.project-card-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,hsla(240,28%,14%,.1),var(--color-darkgray));opacity:0}.project-card-descriptions{display:flex;flex-direction:column;align-items:center;flex-grow:1}.project-card-descriptions h3{text-align:center;margin:.5em 0}.project-card-descriptions .project-description{margin:0 1rem 1rem;font-size:.8rem;text-align:justify;letter-spacing:.04em;flex-grow:1}.project-card-descriptions .view-project{text-decoration:none;background-color:var(--color-gray);color:var(--color-bg);padding:5px 10px;margin:.2rem 0 1rem;border-radius:10px 0}.project-card-descriptions .view-project:hover{background:var(--color-darkgray);color:var(--color-text1);transition:all .3s ease-in-out}.project-card:hover .project-card-image-overlay{opacity:1}.projects-container{display:flex;gap:25px;padding:20px;width:100%;scrollbar-width:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;padding:1rem;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.projects-container{flex-direction:column;align-items:center;gap:15px}.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.category-filters{position:sticky;top:20px;width:20%;max-width:200px;height:fit-content;display:flex;flex-direction:column;background-color:var(--color-darkgray);z-index:10;padding:1rem;border-radius:15px;margin-left:20px}.category-filters button{display:block;width:100%;padding:5px 10px;margin:5px 0;font-size:1rem;letter-spacing:.06em;border-radius:20px;cursor:pointer;transition:all .3s ease-in-out;border:1px solid hsla(0,0%,60%,.5);box-shadow:0 4px 10px #ffffff1a;background-color:#404040;color:var(--color-text1)}.category-filters button.active{border:2px solid #fff;transition:all .2s ease-in-out}.category-filters button:hover{color:var(--color-bg);background-color:var(--color-gray);transition:all .2s ease-in-out}@media (max-width: 768px){.category-filters{width:100%;flex-direction:row;overflow-x:auto;margin:0;padding:4px 8px;gap:10px;top:0;background-color:var(--color-bg);max-width:none}.category-filters button{display:inline-block;width:auto;flex-shrink:0;padding:.4rem .6rem}}.footer{background:linear-gradient(135deg,var(--color-bg),#1a1a2e);color:#fff;padding:1rem 2rem}.footer-container h4{text-align:center;margin:0rem 0 1rem}.footer-container ul{display:flex;list-style-type:none;justify-content:center}.footer-container ul li{margin:0 1rem}.footer-container a{text-decoration:none;color:#fff}.footer-bottom{display:flex;justify-content:space-around;align-items:center;padding:.5rem}.footer-bottom a{font-size:2rem;margin:0 1rem;color:#fff}@media (max-width: 600px){.footer-bottom,.footer-container ul{flex-direction:column;align-items:center}.footer-bottom{gap:1rem}.footer-container ul li{margin:.2rem 0}}.project-page-container{min-height:100vh;width:100%}.namaste-btn{background:linear-gradient(135deg,var(--color-bg),var(--color-darkgray));color:#fff;box-shadow:0 4px 10px #00000026;font-weight:600;text-decoration:none;padding:.7rem 1.2rem;letter-spacing:.04em;border-radius:8px;margin-top:100px}.namaste-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.passwordGenerator{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Georgia,Times New Roman,Times,serif;color:#333}.passwordGenerator>h1{margin:1rem 0}.passwordGenerator>p{margin-bottom:1rem}.passwordGenerator-container{width:400px;border:1px solid;border-radius:10px;padding:10px;font-size:1.4rem;display:flex;flex-direction:column;align-items:center;background-color:#f2eed7;color:#798645}.checkboxes{display:flex;justify-content:center;flex-direction:column;align-items:flex-start}input[type=checkbox]{width:18px;height:18px;accent-color:#626f47;background-color:#626f47}label[for=passwordLength]{margin-top:20px;margin-bottom:20px}#passwordLength{text-align:center;width:30%;height:25px;margin:10px;font-size:1em;border-radius:5px;outline:none;border:1px solid}.generate-btn{font-size:1.3rem;width:50%;margin:10px;border-radius:5px;color:#fff;background-color:#637048}.generate-btn:hover{background-color:#7e8f5b}.result{width:80%;margin-top:.6rem;display:flex;cursor:pointer}.result input{color:#626f47;font-weight:700;border:none;outline:none;width:100%;height:1.5rem;background-color:#f2eed7;font-size:1.4rem;text-align:center;cursor:pointer}@media (max-width: 600px){.passwordGenerator{font-size:1.1rem}.passwordGenerator-container{width:85%;padding:5px}.checkboxes{width:80%;text-align:left}.generate-btn{margin-top:1rem}.result{width:90%}}.diceRoller{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.diceRoller>h1{margin:1rem 0}.diceRoller>p{margin-bottom:1rem}.diceRoller-container{display:flex;flex-direction:column;align-items:center;border-radius:25px;font-size:1.5rem;padding:10px;width:400px;box-shadow:15px 15px 15px maroon;background:linear-gradient(to bottom right,#b8001f,#191919)}label[for=noOfDice]{font-size:1.2em;margin-top:15px}#noOfDice,.roll-btn{font-size:1.5rem;text-align:center;width:150px;margin:20px;border-radius:5px}.roll-btn{background-color:#e60039;border-color:#a02334;margin-top:0}.roll-btn:hover{background-color:#c03}.rolldice-result p{font-size:2rem;margin-top:1rem}.rolldice-result img{width:100px;margin:10px}@media (max-width: 600px){.diceRoller>h1{margin-bottom:0}.diceRoller-container{width:90%}#noOfDice,.roll-btn{margin:10px;width:60%}.rolldice-result img{width:70px}}.counter{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:monospace;text-align:center}.counter>h1{margin:1rem 0}.counter>p{margin-bottom:1rem}.counter-container{display:flex;flex-direction:column;align-items:center;width:500px;min-width:300px;border:2px solid;border-radius:10px;background-color:#0ff}.countLabel{font-size:8rem;text-align:center}.counter-buttons button{font-size:1.5rem;border-radius:10px;margin:5px 5px 15px;padding:10px;cursor:pointer}#decreaseButton{background-color:red}#decreaseButton:hover{background-color:#ff8080}#increaseButton{background-color:#0f0}#increaseButton:hover{background-color:#80ff80}@media (max-width: 600px){.counter-container{width:95%}.counter-buttons button{font-size:16px}.countLabel{font-size:6rem}}.noGuessGame{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace;font-size:1.2rem}.noGuessGame>h1{margin:1rem 0}.noGuessGame>p{margin-bottom:1rem}.noGuessGame-container{display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:5px 5px 10px;width:500px;padding:15px;background-color:#cb6040}#myInput{height:2rem;border-radius:5px;border:none;font-size:1rem;text-align:center;border:#cb6040;outline:none}.guess-btn{margin-top:25px;font-size:1.5rem;border-radius:10px;padding:10px 20px;cursor:pointer;background-color:#fd894e}.result{margin-top:1rem;display:flex;justify-content:center;text-align:center}@media (max-width: 500px){.noGuessGame{font-size:1rem}.noGuessGame-container{width:85%}}.accordian{display:flex;width:100vw;justify-content:center;align-items:center;flex-direction:column}.accordian>h1{margin:1rem 0}.accordian>p{margin-bottom:1rem;text-align:center}.accordian-container{width:500px}.item{background-color:#914f1e;margin-bottom:10px;padding:10px 20px}.item-title{color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.item-content{color:#f7dcb9;height:auto}.multibutton{display:inline-flex;align-items:center;gap:20px;margin-bottom:1rem}.multibutton-switch{position:relative;display:inline-block;width:60px;height:30px}.multibutton input{opacity:0;width:0;height:0}.multibutton-slider{position:absolute;cursor:pointer;background-color:#ccc;top:0;left:0;right:0;bottom:0;transition:.4s;border-radius:50px}.multibutton-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:5px;background-color:#553939;border-radius:50%}.multibutton input:checked+.multibutton-slider{background-color:#8c6a5d}.multibutton input:checked+.multibutton-slider:before{transform:translate(30px)}@media (max-width: 600px){.accordian-container{width:90%}.item-content{margin-top:10px}}.load-more-data{display:flex;flex-direction:column;justify-content:center;font-size:1.2rem}.load-more-data>h1{margin:1rem 0;text-align:center}.load-more-data>p{margin-bottom:1rem;text-align:center}.products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin:0 1rem}.product{border:1px solid black}.product img{width:100%}.product-title{text-align:center}.loading{font-size:2.5rem;text-align:center}.button-container{align-self:center;justify-self:center;margin-top:2rem}.button-container button{padding:.4em .6em}.imageSliderUrl{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;color:#2a2a2a;transition:all .3s ease-in-out}.imageSliderUrl>h1{margin:1rem 0}.imageSliderUrl>p{margin-bottom:1rem;text-align:center}.imageSliderUrl-container{position:relative;display:flex;justify-content:center;align-items:center;margin:0 2.5rem;border:1px solid rgb(0,0,0);padding:1rem;max-width:600px;box-shadow:0 4px 8px #0003}.image{width:85%;aspect-ratio:3/2;transition:opacity .6s ease-in-out,transform .3s ease-in-out}.hide-image{display:none}.arrow{width:2rem;height:2rem;cursor:pointer;position:absolute;color:#4d55cc}.arrow:hover{color:#211c84}.arrow-left{left:1rem}.arrow-right{right:1rem}@media (max-width: 600px){.imageSliderUrl-container{width:90%}.image{width:80%}.arrow-left{left:.5em}.arrow-right{right:.5em}}.circle-button{display:flex;position:absolute;bottom:2rem;gap:.04em}.indicator{width:15px;height:15px;border-radius:50%;cursor:pointer;background-color:#8c98a9}.indicatorCheck{background-color:#4d55cc}.loading,.error{font-size:2rem;text-align:center;margin-top:2rem}.error{color:#d73a49}.rating{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-optical-sizing:auto}.rating>h1{margin:1rem 0;text-align:center}.rating>p{margin-bottom:1rem;text-align:center}.rating-container{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #443627;color:#443627}.star-rating{margin:1rem 0;width:100%;padding:.5rem;display:flex;align-items:center;justify-content:center}.star-active{color:gold}.star-inactive{color:#000}.emoji-active{filter:brightness(1.2)}.emoji-inactive{opacity:.5}.emoji-container .emojis span{font-size:2rem}.emoji-container .texts{text-align:center;font-size:1.2rem;margin-top:1rem;font-weight:600}@media (max-width: 600px){.rating-container{width:90%;justify-content:center}.star-rating{font-size:1rem}.star{font-size:1.8rem}}.rockPaperScissor{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Chakra Petch,sans-serif}.rockPaperScissor>h1{margin:1rem 0;text-align:center}.rockPaperScissor>p{text-align:center;margin:0 .5rem 1rem}.rockPaperScissor-container{padding:.8rem;display:flex;flex-direction:column;align-items:center;letter-spacing:.06rem;background-color:#ead196}.choices{padding:.4rem}.choices button{font-size:5rem;padding:.4rem;margin:4px 10px;border-radius:50%;cursor:pointer;background-color:#bf3131;border:4px solid #7d0a0a;transition:all .5s ease}.choices button:hover{background-color:#7d0a0a;border-color:#bf3131;scale:1.1}.choices button:active{scale:.8}.rockPaperScissor-result{margin-top:1rem}.rockPaperScissor-result p{font-size:.9rem;font-weight:100}.rockPaperScissor-result .win-result{font-size:1.6rem;margin:1.2rem 1rem;font-weight:400;text-align:center}.playerScore span{color:green}.computerScore span{color:red}.reset-scores button{padding:.5rem 1rem;border-radius:15px;border:none;margin-top:1rem;background:linear-gradient(to top,#bf3131,#7d0a0a,#f9cb43);color:#fff;cursor:pointer;transition:all .3s ease}.reset-scores button:hover{background:linear-gradient(to bottom,#451212,#aa0e0e,#f8be12)}@media (max-width: 600px){.rockPaperScissor-container{width:95%}.choices button{font-size:3rem;margin:4px 6px}}.treeView{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.treeView>h1{margin:1rem 0}.treeView>p{margin-bottom:1rem}.treeView-container{border:1px solid black;background-color:#378b65;color:#fff;width:350px;font-size:1.2rem}.menu-list-container{list-style:none;margin-bottom:10px}.menu-item-div{display:flex;gap:5px;cursor:pointer;padding:5px}.menu-item{padding-left:15px;padding-top:15px}@media (max-width: 600px){.treeView-container{width:85%}}.customTabs{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Winky Rough,sans-serif}.customTabs>h1{margin:1rem 0}.customTabs>p{margin-bottom:1rem;text-align:center}.customTabs-container{background-color:#7ac6d2;width:500px;padding:5px}@media (max-width: 600px){.customTabs-container{width:75%}}.tabs{padding:5px}.tabs-heading-cont{display:flex;justify-content:center;margin-bottom:12px}.tabs-item{display:inline-flex;font-size:1.5rem;font-weight:700;text-align:center;padding:10px 15px;cursor:pointer;border:.01px solid hsl(188,49%,25%);background-color:#3a59d1;color:#fff;width:100%}.tabs-item.active{border:none;background-color:#7fffd4;color:#3a59d1}.tabs-content-cont{padding:20px 10px;overflow:auto;height:350px;background-color:#7fffd4}.tabs-content-cont h3{text-align:center}.tabs-content-cont h4{margin:10px 0;font-weight:600;font-size:1.2rem}.drumKit{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Cascadia Code,sans-serif}.drumKit>h1{margin:1rem 0}.drumKit>p{margin:0 2rem 1rem;text-align:center}.drumKit-container{display:flex;flex-wrap:wrap;width:70%;margin:2rem 0}.playing{transform:scale(1.1);border-color:gold;box-shadow:0 0 1rem gold}.pad{display:flex;flex-direction:column;flex:1;padding:15px;margin:10px;border:2px solid #fff;border-radius:.7rem;background-color:#655e6f3c;color:#fff;cursor:pointer}.pad kbd{font-size:2rem;margin-bottom:.6rem}.pad .pad-label{font-size:.9rem;color:gold;font-family:Cascadia Code,sans-serif;font-weight:500}@media (max-width: 600px){.drumKit-container{width:90%}}.temperature-convertor{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Share Tech,sans-serif}.temperature-convertor>h1{margin:1rem 0}.temperature-convertor>p{margin-bottom:1rem}.temperature-convertor-container{border:1px solid black;border-radius:5px;padding:1rem;display:flex;flex-direction:column;background-color:#b2cd9c}#temperatureUnit{width:6rem;outline:none;text-align:center}#temperatureUnit,#fromUnit,#toUnit,#convert-btn{padding:.5rem 1rem;font-size:1.1rem;border-radius:10px;font-family:Share Tech,sans-serif}.inputs{display:flex;gap:1rem}#convert-btn{background-color:#b2cd9c;cursor:pointer;font-size:1.3rem}#convert-btn:disabled{background-color:#f0f2bd;color:#b2cd9c;opacity:.7;cursor:not-allowed}#result{text-align:center;margin:1rem 0 .5rem;font-size:1.5rem;color:#4b352a}@media (max-width: 600px){.temperature-convertor>p{text-align:center}.temperature-convertor-container{width:80%}.inputs{flex-direction:column}#temperatureUnit,#fromUnit,#toUnit,#convert-btn{width:90%}#result{font-size:1.4rem}}.flexPlanes{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif}.flexPlanes>h1{margin:1rem 0}.flexPlanes>p{margin-bottom:1rem;text-align:center}.flexPlanes-container{width:70%;height:80vh}.panels{width:100%;height:100%;overflow:hidden;display:flex}.panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:font-size .7s,flex .5s,background .3s}.panel>*{margin:0;width:100%;flex:1;transition:transform .5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.panel>p{color:#fff;text-transform:uppercase}.panel.open{flex:3.5;font-size:40px}.panel>*:first-child{transform:translateY(-100%)}.panel>*:last-child{transform:translateY(100%)}.panel.open-active>*:first-child,.panel.open-active>*:last-child{transform:translateY(0)}@media (max-width: 900px){.flexPlanes-container{width:90%}}@media (max-width: 600px){.flexPlanes-container{width:95%;height:60vh}.panel{font-size:12px;flex:1.2}.panel.open{flex:3;font-size:20px}}.typeAhead{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Karla,sans-serif}.typeAhead>h1{margin:1rem 0}.typeAhead>p{margin-bottom:1rem;text-align:center}.typeAhead-container{padding:10px 25px;height:auto;width:500px;max-width:500px}input.searchBar{width:120%;padding:20px 30px;outline:none;border:10px solid #129990;border-radius:5px;position:relative;left:-10%;font-size:2rem;text-align:center}.suggestions{position:relative}.suggestions li{list-style:none;border-bottom:1px solid #d8d8d8;margin:0;padding:10px 15px;background-color:#faebd7;display:flex;justify-content:space-between}.suggestions li:nth-child(2n){transform:perspective(100px) rotateX(3deg) translateY(4px) scale(1.001)}.suggestions li:nth-child(odd){transform:perspective(100px) rotateX(-3deg) translateY(4.5px)}.hl{color:#fffbde;background-color:#129990}@media (max-width: 900px){.typeAhead-container{width:90%}}@media (max-width: 600px){.typeAhead-container{width:80%}input.searchBar{padding:10px 15px}}.wordCounter{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wordCounter>h1{margin:1rem 0}.wordCounter>p{margin-bottom:1rem}.wordCounter-container{border:1px solid black;padding:10px 20px;width:500px;background-color:#e0f7fa;color:#4a90e2}.textarea{width:300px;height:40px;padding:10px 15px}.list{list-style-type:none;margin:5px 0}.backToTop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.backToTop>h1{margin:1rem 0}.backToTop>p{margin-bottom:1rem}.backToTop-container{width:500px;padding:0 20px 20px;margin-bottom:50px;position:relative}.para{margin:20px 0;color:#fff;letter-spacing:.04em;background-color:#333;padding:5px 10px}.contents{margin-bottom:35px}.backtotop-btn{position:absolute;bottom:0;right:0;font-size:14px;padding:10px 25px;cursor:pointer;background-color:#4a90e2;color:#fff;border:1px solid #357abd;transition:all .2s ease-in}.backtotop-btn:hover{color:#31326f;background-color:#cbdceb}@media (max-width: 600px){.backToTop-container{width:100%}.backtotop-btn{right:15px}}