.top{height:100%;justify-content:space-between}.based,.top{width:100%;display:flex;flex-direction:row;align-items:center}.based{margin-top:-5px;height:40px}.based img{margin-right:10px}.bottom{height:-moz-fit-content;height:fit-content}.homePage{border:none!important}.heading{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--basetextcolor)}.subheading{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--subtextcolor)}.icon-container{display:flex;flex-direction:column;align-items:center}.tech-name{margin-top:.5rem;font-size:1rem;font-weight:500;color:#cfcfcf}.techicons{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.techIcon{transition:transform .3s ease,filter .3s ease;cursor:pointer}.techIcon:hover{transform:scale(1.1) rotate(5deg);transition:all .2s ease-in-out}.section{text-align:center}.technologiesContainer{width:100%;margin-bottom:25px}.technologiesContainer h2{color:var(--basetextcolor);margin-bottom:1.5rem}.marqueeContainer{height:50px;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:row}.marqueeContainer:hover .marquee{animation-play-state:paused}.marqueeContainer:after,.marqueeContainer:before{content:"";position:absolute;top:0;left:0;width:20%;background:linear-gradient(to right,var(--bgcolor) 0,transparent 100%);height:100%;z-index:1000000}.marqueeContainer:after{background:linear-gradient(to left,var(--bgcolor) 0,transparent 100%);left:unset;right:0}.marqueeContainer+.marqueeContainer{margin-top:20px}.marquee{display:inline-flex;width:max-content;animation:marquee 25s linear infinite;justify-content:space-evenly}.marquee span{margin:0 10px;display:flex;flex-direction:row;align-items:center;text-align:center;width:-moz-fit-content;width:fit-content;gap:10px}.marquee span p{font-size:1rem;font-weight:500;color:#cfcfcf}.marqueeRight{animation:marqueeRight 25s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marqueeRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:700px){.marquee{animation:marquee 20s linear infinite}.marqueeRight{animation:marqueeRight 20s linear infinite}.marquee span{margin:0 8px;gap:8px}.marquee span img{height:40px;width:40px}}@media (max-width:500px){.marquee span{margin:0 6px;gap:6px}}@media (max-width:400px){.marquee span{margin:0 5px;gap:5px}.marqueeContainer:after,.marqueeContainer:before{width:25%}}