@import"https://fonts.googleapis.com/css2?family=Jim+Nightshade&display=swap";@font-face{font-family:Kind Sans;src:url(/fonts/kindsans-regular.otf) format("opentype");font-style:normal}@font-face{font-family:Kind Sans Heavy;src:url(/fonts/kindsans-heavy.ttf) format("truetype");font-style:normal}body{scrollbar-width:none;overflow-y:scroll}body::-webkit-scrollbar{display:none}html,body{overflow-y:scroll}:root{--bg-color: #e9ecef;--logo-color: #03071e;--logo-shadow-color: #370617;--txt-color: #000000;--tongle-bg:#87cefa;--sun-color: #ffba08;--sun-margin-left: 10%;--sun-margin-right: 60%;--sun-glow-color: rgba(244, 140, 6, .5);--active-tab-glow: #3c096c;--transition-speed: 1s ease-in-out;--passive-tab-glow: #9D4EDD;--transition-speed-new: .1s ease-in-out}.dark-theme{--bg-color: #000000;--logo-color: #FCF8E1;--logo-shadow-color: #C8F9E8;--txt-color: #FFFFFF;--tongle-bg:#0D1B2A;--sun-color: #F4F1C9;--sun-margin-left: 60%;--sun-margin-right: 10%;--sun-glow-color: rgba(176, 196, 222, .5);--active-tab-glow: #F0CEFA;--passive-tab-glow: #9D4EDD}body{background-color:var(--bg-color);transition:background-color var(--transition-speed)}*{margin:0;padding:0;border:0;box-sizing:border-box}.logo{color:var(--logo-color);font-family:Jim Nightshade,cursive;font-size:7vw;letter-spacing:-27%;text-shadow:0 0 .15em var(--logo-shadow-color),0 .04em .05em #000000;width:12vw;margin-left:3vw;transition:color var(--transition-speed),text-shadow var(--transition-speed)}.header{display:flex;margin-top:10px}.heading{font-family:Kind Sans Heavy,sans-serif;display:flex;flex-direction:column;color:#007b3a;align-items:center;justify-content:flex-start;width:70vw}.head1{font-size:5.2vw}.head2{font-size:7vw}.tongle-con{width:15vw}.theme-tongle{border-radius:9999px;background-color:var(--tongle-bg);width:10vw;aspect-ratio:150/75;margin:auto;display:flex;align-items:center;transition:background-color var(--transition-speed)}.sun{border-radius:9999px;background-color:var(--sun-color);height:60%;aspect-ratio:1/1;margin-left:var(--sun-margin-left);margin-right:var(--sun-margin-right);box-shadow:0 0 1vw 1vw var(--sun-glow-color);transition:background-color var(--transition-speed),margin-left var(--transition-speed),margin-right var(--transition-speed)}.hr-header{margin-top:1vh;width:90vw;aspect-ratio:1/.005;background-color:#6c757d;border-radius:5px;margin-left:5vw;margin-right:5vw}.nav-bar{display:flex;justify-content:space-around;height:11vw}.about-btn{font-size:5.2vw;color:var(--txt-color);font-family:Kind Sans;display:flex;align-items:center;width:20vw;justify-content:center;transition:color var(--transition-speed-new),text-shadow var(--transition-speed-new),font-size var(--transition-speed-new)}.about-btn:hover{text-shadow:0 0 1vw var(--passive-tab-glow),0 0 1vw var(--passive-tab-glow);font-size:7vw}.blogs-btn{font-size:5.2vw;color:var(--txt-color);font-family:Kind Sans;display:flex;align-items:center;width:20vw;justify-content:center;transition:color var(--transition-speed-new),text-shadow var(--transition-speed-new),font-size var(--transition-speed-new)}.blogs-btn:hover{text-shadow:0 0 1vw var(--passive-tab-glow),0 0 1vw var(--passive-tab-glow);font-size:7vw}.active{text-shadow:0 0 1vw var(--active-tab-glow),0 0 1vw var(--active-tab-glow);transition:text-shadow var(--transition-speed-new),font-size var(--transition-speed-new)}.active:hover{text-shadow:0 0 1vw var(--active-tab-glow),0 0 1vw var(--active-tab-glow);font-size:7vw}.txt{font-size:3vw;color:var(--txt-color);font-family:Kind Sans;margin-left:5vw;margin-right:5vw}.spotify{height:10vw;border-radius:9999999px;position:absolute;left:20vw;transition:height .15s ease-in-out,left .15s ease-in-out,box-shadow .15s ease-in-out,right .15s ease-in-out;right:70vw}.spotify:hover{height:12vw;left:19vw;right:69vw;box-shadow:0 0 2vw #0c4d24,0 0 2vw #0c4d24,0 0 2vw #0c4d24}.music-movies{display:flex;align-items:center;height:20vw}.kendrick{height:9.9vw;border-radius:9999999px;position:absolute;left:20.05vw;right:70.05vw;z-index:-1;transition:left .15s ease-in-out,right .15s ease-in-out}.spotify:hover~.kendrick{left:14.05vw;right:76.05vw}.kanye{height:9.9vw;border-radius:9999999px;position:absolute;left:20.05vw;right:70.05vw;z-index:-2;transition:left .15s ease-in-out,right .15s ease-in-out}.spotify:hover~.kanye{left:26.05vw;right:64.05vw}.letterboxd{height:10vw;border-radius:9999999px;position:absolute;left:70vw;transition:height .15s ease-in-out,left .15s ease-in-out,box-shadow .15s ease-in-out,right .15s ease-in-out;right:20vw}.letterboxd:hover{height:12vw;left:69vw;right:19vw;box-shadow:0 0 2vw #141a20,0 0 2vw #141a20,0 0 2vw #141a20}.dev{height:9.9vw;border-radius:9999999px;position:absolute;right:20.05vw;left:70.05vw;z-index:-1;transition:left .15s ease-in-out,right .15s ease-in-out}.letterboxd:hover~.gow{right:14.05vw;left:76.05vw}.gow{height:9.9vw;border-radius:9999999px;position:absolute;right:20.05vw;left:70.05vw;z-index:-2;transition:left .15s ease-in-out,right .15s ease-in-out}.letterboxd:hover~.dev{right:26.05vw;left:64.05vw}.r1-tech{display:flex;justify-content:space-around;margin-top:5vw}.leetcode,.cf,.js,.reactjs{height:14vw}.r2-tech{display:flex;justify-content:space-around;margin-top:5vw}.python,.tensorflow,.nodejs{height:14vw}.hitman{z-index:10}.devd{z-index:9;transition:left .15s ease-in-out}.mf{z-index:8;transition:left .3s ease-in-out}.pablo{z-index:7;transition:left .45s ease-in-out}.thomso{z-index:6;transition:left .6s ease-in-out}.doon{z-index:5;transition:left .75s ease-in-out}.hitman,.devd,.mf,.pablo,.thomso,.doon{position:absolute;left:11.5vw;width:27vw;border-radius:1.73vw;margin-top:3vw}.expanded.devd{left:18.25vw}.expanded.mf{left:25vw}.expanded.pablo{left:31.75vw}.expanded.thomso{left:38.5vw}.expanded.doon{left:45.25vw}.hr-footer{background-color:var(--txt-color);width:90vw;aspect-ratio:1/.001;margin-left:5vw;margin-top:5vw;margin-bottom:1vw;border-radius:5px}.chem-txt{margin-top:33vw}.copyright{margin-left:5vw;font-size:2.5vw;color:var(--txt-color);margin-right:85vw}.contact-us{margin-top:-3vw;display:flex;margin-right:3.9vw;margin-left:76vw;justify-content:flex-end}.github,.tg,.gmail,.ig{width:4vw}.blog-txt{height:70vh;text-align:center}