@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--primary: #000;--secondary:#18181b;--border: #3f3f4666;--title:rgb(244,244,245);--subTitle: rgb(161,161, 170);--bgHeader: rgb(39,39,42);--blue: #5dbcfc;--app-padding: 3rem;--icon-hover: #d4d4d8}html{font-family:Roboto,sans-serif;letter-spacing:.1px}*{padding:0;margin:0;box-sizing:border-box}.light{--primary: rgb(250, 250, 250);--secondary:rgb(255, 255, 255);--border: rgba(202, 202, 202, .518);--title:rgb(39,39,42);--subTitle: rgb(82,82, 91);--bgHeader: rgb(253,253,253);--blue: rgb(0, 149, 246);--icon-hover: #333}body{background-color:var(--primary);color:#fff}.App{width:80%;margin:0 auto;background-color:var(--secondary);border:2px solid var(--border);padding:0 var(--app-padding)}.divider{border-bottom:1px solid var(--border);margin:3rem 0;width:calc(100% + var(--app-padding) + var(--app-padding));margin-left:calc(var(--app-padding) * -1)}li{list-style:none}a{text-decoration:none;color:initial}li:active{scale:.95;transition:.2s}.flex{display:flex;align-items:center}header button{all:unset;cursor:pointer}button:active{scale:.85}button:disabled{opacity:.4!important;cursor:not-allowed!important}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#888;border-radius:2px;transition:.3s}::-webkit-scrollbar-thumb:hover{background:#555}html{scroll-behavior:smooth}@media (max-width: 600px){.App{width:98%;padding:0 1.7rem}}@media (max-width: 1000px){.App{width:90%;padding:0 1rem}.divider{width:calc(100% + 2rem);margin-left:-1rem}}header{display:flex;align-items:center;justify-content:space-between;padding:0 2.4rem;margin-top:1.2rem}header ul.flex{gap:16px}header nav{background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:1px 1px 40px #3532324a}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500;transition:.2s}header ul li a:hover{opacity:1;font-size:.9rem;color:var(--blue)}header button{font-size:1.2rem}header .menu{display:none}header .fixed{position:fixed;background-color:#282830e8;top:0;right:0;bottom:0;left:0;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header .fixed .model{background-color:var(--secondary);width:75%;margin:0 auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;animation:mymove .9s}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed .model li{border-bottom:1px solid var(--border);padding:.77rem 0}header .fixed .model li:last-child{border:none}header .fixed .model li a{font-size:1rem}header .fixed .model li:first-child{text-align:right;margin-bottom:-1rem;border:none;padding-bottom:0;padding-top:.2rem}header .icon-sun{color:orange}header .menu,header .mode{border:2px solid rgba(244,165,96,.249);border-radius:50%;background-color:var(--bgHeader);height:2.4rem;width:2.4rem;justify-content:center;align-items:center;text-align:center;color:var(--subTitle);transition:.2s;box-shadow:1px 1px 40px #2323242a}header .menu:hover,header .mode:hover{color:var(--title);border-color:#f4a560}header .icon-close{font-size:1.5rem;color:var(--subTitle);transition:.4s}header .icon-close:hover{font-size:1.7rem;color:#dc143c;rotate:90deg}@media (max-width: 700px){header nav{display:none}header .menu{display:block}}section.hero{margin-top:3rem;align-items:center;justify-content:space-between}section .left-sec{flex-grow:1}section .avatar{width:100px;height:100px;border-radius:50%;border:1px solid darkorange;padding:1px;box-shadow:2px 2px 40px #cbc8c895 inset;cursor:pointer}section .parent-avatar{align-items:end;gap:.6rem;min-height:100px}section .icon-verified{color:var(--blue);font-size:1.1em;margin-bottom:.3rem}section .left-sec .title{font-size:2.85rem;line-height:3.3rem;margin:24px 0;width:100%;color:var(--title)}section .left-sec .subTitle{color:var(--subTitle);font-size:.9rem;line-height:1.65rem;margin-bottom:32px;width:80%}section .left-sec .all-icons{font-size:1.3rem;gap:1.5rem;color:var(--subTitle);cursor:pointer}section .left-sec .all-icons .icon{transition:.2s}section .left-sec .all-icons .icon:hover{font-size:1.4rem;color:var(--title)}section .left-sec .link-icon{color:var(--subTitle)}section.hero .right-sec{width:80%;cursor:pointer}@media (max-width: 500px){section .left-sec .title,section .left-sec .subTitle{width:100%}section.hero{flex-direction:column}section .parent-avatar{justify-content:center}}@media (max-width: 1024px){section .left-sec .title,section .left-sec .subTitle{width:80%}section{flex-direction:column}}main.flex{gap:2.64rem;align-items:start}main .left-section{flex-direction:column;gap:10px}main .left-section button{background-color:#24252e;width:11rem;padding:.7rem 0;text-align:center;font-size:1.05rem;text-transform:capitalize;color:#f4f4f5;opacity:.5;border:none;border-radius:5px;transition:.3s;cursor:pointer}main .left-section button:hover{opacity:1}main .left-section .active{opacity:1;border:1px solid var(--blue);font-weight:700;letter-spacing:.6px;padding:.8rem 0}main .right-section{flex-grow:1;flex-wrap:wrap;flex-direction:row;row-gap:2rem;column-gap:21px;justify-content:center}.card{border:1px solid rgba(93,188,252,.3);border-radius:5px;transition:.3s;background-image:linear-gradient(#ffffff0d,#ffffff0d);box-shadow:-1px 1px 8px #0003;box-shadow:1px 1px 8px #0003}.card:hover{border:1px solid var(--blue);rotate:2deg;scale:1.02;cursor:pointer}.light .card:hover{background-color:#f8f8f8}.card img{border-radius:5px}main .card .box{padding:1rem .4rem}.card .box .title{color:var(--title);text-transform:capitalize}main .card .box .subTitle{color:var(--subTitle);font-size:.8rem;margin-top:.7rem;margin-bottom:1.1rem}main .card .icons{justify-content:space-between;padding:1rem .2rem;align-items:center}main .card .icon-github,main .card .icon-link{color:var(--subTitle);font-size:1.2rem;transition:.2s}main .card .icon-github:hover,main .card .icon-link:hover{color:var(--title);font-size:1.25rem}main .card .link{font-size:.9rem;color:var(--blue);padding-right:12px;transition:.2s}main .card .link:hover{color:#4c9cd1}@media (max-width:600px){main.flex{flex-direction:column;align-items:center}}@media (min-width:600px) and (max-width:1024px){main.flex{flex-direction:column;align-items:center}main .left-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:60%}}.contact-us{width:100%}.contact-us .icon-envelope{color:var(--subTitle);margin-right:1rem;font-size:1.8rem}.contact-us .title{font-size:2.1rem;color:var(--title);margin-bottom:1rem}.contact-us .subTitle{color:var(--subTitle);margin-bottom:2rem;line-height:1.65rem}.contact-us form label{color:var(--subTitle)}.contact-us form #email,.contact-us form #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63,63,70);width:16rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px;transition:.3s;font-size:1.1rem;color:var(--title);cursor:pointer}.light .contact-us form #email,.light .contact-us form #message{background-color:#ffffff29;border:1px solid rgba(128,128,128,.451);color:#232324;box-shadow:1px 1px 8px #49494b1b}.light .contact-us form #email:focus,.light .contact-us form #message:focus,.light .contact-us form #email:hover,.light .contact-us form #message:hover{border:1px solid rgb(78,80,80)}.contact-us form #email:focus,.contact-us form #message:focus{border-color:#18a592}.contact-us form #email:hover,.contact-us form #message:hover{border-color:#50f5df}.contact-us form #message{min-height:9rem;resize:vertical}.contact-us form .send{background-color:#24252e;padding:.75rem 2rem;font-size:1.05rem;text-transform:capitalize;color:#f4f4f5;border:none;border-radius:5px;cursor:pointer;opacity:.7;margin-top:1.8rem;border:1px solid rgb(63,63,70);transition:.3s}.contact-us form .send:hover{opacity:1;scale:.97}@media (max-width :600px){.contact-us{width:90%}.contact-us .down-form{justify-content:center;align-items:center}.contact-us form .flex{flex-direction:column;align-items:flex-start;gap:1rem}.contact-us form .send{width:80%;align-self:center}.contact-us form{display:flex;flex-direction:column}.contact-us form #email,.contact-us form #message{margin-left:auto;margin-right:auto;width:100%}}@media (max-width:750px){.contact-us .down-form{flex-direction:column-reverse;justify-content:center;align-items:center}.contact-us .animation{display:block;width:260px;margin-left:40px;cursor:pointer}}@media (min-width:1281px){.contact-us .animation{width:560px;cursor:pointer}}footer{position:relative;z-index:5;justify-content:space-between;padding-bottom:1.9rem}footer ul{gap:1rem}footer ul li a{color:var(--subTitle);font-size:.9rem;transition:.3s}footer ul li a:hover{color:var(--blue);font-size:1rem;font-weight:500}footer p{color:#71717a}footer .scroll-top{background-color:#1976d2d9;width:2.9rem;height:2.9rem;border-radius:50%;border:none;color:var(--title);font-size:1.25rem;cursor:pointer;position:fixed;bottom:2rem;right:3%;text-align:center;transition:.2s;border:2px solid rgba(255,255,255,.2);font-weight:600}footer .scroll-top:hover{background-color:#1564b3;scale:.9;border:2px solid rgba(255,255,255,.8);opacity:1}@media (max-width:800px){footer{flex-direction:column;justify-content:center;gap:2rem}footer .scroll-top{opacity:.5;font-size:1.1rem}}