@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap";:root{--font-base:"Nunito Sans",sans-serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff;--raisin-black:#212130;--gainsboro:#e1e6e9;--chestnut:#974a36;--brown-sugar:#bb6944;--bole:#6a3932;--wistful:#b0b0d8;--html:#e35200;--css:#0177bb;--sass:#ed6290;--js:#d4bc01;--git:#f2511e;--node:#24a166;--nextjs:#71d1cc;--react:#80dce8;--redux:#7d57c0;--express:#323232;--psql:#33678e;--sql:#2478bb;--supa:#3fcd8c;--sanity:#ee4938;--tailwind:#09b5d4}*{box-sizing:border-box;padding:0;margin:0}* section{width:100%;min-height:100vh;display:flex;flex-direction:row}.app{background-color:#0f0505;font-family:var(--font-base);color:var(--gainsboro)}.app__primarybg,.app__whitebg{background-color:var(--raisin-black)}.app__container{width:100%;min-height:100vh;display:flex;flex-direction:row}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1 1;width:100%;flex-direction:column;padding:4rem 2rem}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.head-text{font-size:2.75rem;font-weight:800;text-align:center;color:var(--gainsboro);text-transform:capitalize}.head-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{font-size:.8rem;text-align:center;color:var(--gainsboro);line-height:1.5}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{font-size:1rem;font-weight:800;color:var(--gainsboro);text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:var(--gainsboro);margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.menu{width:250px;height:100vh;background-color:#0f0505;position:fixed;top:0;right:-250px;z-index:2;display:flex;flex-direction:column;align-items:center;transition:all 2s ease}.menu.active{right:0}.menu ul{margin-top:125px;padding:0;font-size:25px;font-weight:700;color:var(--gainsboro);width:60%}.menu li{margin-bottom:25px}.menu li a{font-size:inherit;color:inherit;text-decoration:none}