.digital-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:550px;padding:44px 0;background-color:#23252c}.digital-card *{color:#fff}.digital-card>*{width:317px}.digital-card .card-main{min-height:399px;padding:0 34px;background-color:#1a1b21;border-radius:.5rem .5rem 0 0}.digital-card .footer{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25)) drop-shadow(0px 4px 4px rgba(0,0,0,.25));border-radius:0 0 .5rem .5rem;background-color:#161619}.digital-card .footer .socials-ul{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;padding:20px}.digital-card .footer i{font-size:25px;color:#918e9b}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:33px}.user-info .avatar{width:317px;height:317px;background-color:#23252c}.user-info .info-name{font-size:25px;font-weight:700;margin-top:21px}.user-info .info-occupation{font-size:13px;color:#f3bf99;margin-top:6px}.user-info .info-site{font-size:10px;text-decoration:none;margin-top:9px}.user-info .button-row{margin-top:15px}.user-info .button-row>:first-child{background-color:#d1d5db}.user-info .button-row>:last-child{background-color:#5093e2}.button-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:17px}.button-row>:first-child i,.button-row>:first-child p{color:#1e1f26}.button-row button{width:115px;height:34px;border-radius:6px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.more{padding-bottom:24px}.more .more-heading{font-weight:700;margin-bottom:6px}.more .more-text{font-size:10px;font-weight:400;line-height:15px;vertical-align:center}.react-facts{display:flex;flex-direction:column;height:100vh}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:550px;height:91px;padding:0 26px;background-color:#fff;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25)) drop-shadow(0px 4px 4px rgba(0,0,0,.25));z-index:1}.navbar.dark{background-color:#21222a}.navbar .nav-left{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.navbar .nav-left .text-left{width:123px;height:23px;color:#61dafb;font-size:22.2px;font-weight:700}.navbar .nav-right .text-right{font-weight:600}.toggler{display:flex;align-items:center}.toggler p{font-size:.625rem;font-weight:600}.toggler--slider{width:25px;height:13px;background-color:#2b283a;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;border:1px solid black;box-sizing:content-box}.navbar.dark .toggler--slider{border-color:#fff;background-color:#f5f5f5}.toggler--slider--circle{height:13px;width:13px;background-color:#fff;border-radius:50%}.navbar.dark .toggler--slider--circle{background-color:#000}.toggler--light{color:#2b283a}.navbar.dark .toggler--light{color:#918e9b}.toggler--dark{color:#d5d4d8}.navbar.dark .toggler-dark{color:#fff}.navbar.dark .toggler--slider{justify-content:flex-end}.lesson-main{padding:57px 27px;background-image:url(/01-Scrimba-React/assets/react-icon-light.63e311a6.png);background-repeat:no-repeat;background-position:right center;flex:1 1 auto;background-color:#fff;color:#2b283a}.lesson-main.dark{background-image:url(/01-Scrimba-React/assets/react-icon-dark.ecac63f2.png);background-color:#282d35;color:#fff}.main-title{margin:0;font-size:39px;letter-spacing:-.05em}.main-facts{margin-top:46px;max-width:450px}.main-facts>li{margin-left:47px;line-height:19px;padding-block:10px}.main-facts>li::marker{font-size:1.4rem;color:#61dafb}*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#627f7f}.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem}.switch-container{padding:1rem;display:flex;justify-content:center}.switch-container button{width:8rem;border:2px solid transparent;color:#282d35;cursor:pointer}.switch-container button:hover{font-weight:600}.switch-container>:first-child{border-radius:.5rem 0 0 .5rem}.switch-container>:last-child{border-radius:0 .5rem .5rem 0}.switch-container .active{background-color:#61dafb;font-weight:600;cursor:default}