section.profile .container,ul li,body,.sections-parent{justify-content:center;align-items:center}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#222;display:flex;flex-flow:column wrap;font-family:arial,tahoma,helvetica,sans-serif;font-size:16px;font-weight:500}.sections-parent{display:flex;flex-flow:column wrap}ul{list-style-type:none}a{text-decoration:none;color:#000}input{outline:none}h1{font-size:30px}h1,h2,h3,h4,h5,h6{text-transform:capitalize;position:relative}section{padding-block:1.5rem}@media (width >= 1200px){.container{width:70vw;margin:auto}}@media (width < 1200px){.container{width:85vw;margin:auto}}@media (width < 800px){.container{width:90vw;margin:auto}}@media (width < 500px){.container{width:100%;margin:auto}}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background-color:#f1f5f8}::-webkit-scrollbar-track-piece{background-color:#f1f5f8}::-webkit-scrollbar-thumb{background-color:#222;border-radius:.25rem}html{scrollbar-width:thin;scrollbar-color:#222 #f1f5f8}ul{display:flex;flex-flow:column wrap;align-items:center;width:450px;gap:1rem}ul li{font-size:1.2rem;font-weight:700;display:flex;flex-flow:row wrap;width:80%;border:1px solid #f1f5f8;border-radius:.5rem;transition:linear .2s}ul li a{display:block;width:100%;padding:.86rem;border-radius:.5rem;text-align:center}ul li a i{font-size:1.5rem;margin-inline-end:.45rem}ul li a span{color:#fff}section.profile{padding-block-start:2.5rem}section.profile .container{display:flex;flex-flow:column wrap;gap:.8rem}section.profile .container .img-container{width:150px}section.profile .container .img-container img{width:100%;aspect-ratio:1/1;border-radius:50%}section.profile .container h3,section.profile .container h4{color:#fff}