.header__socials{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:fixed;right:0;margin-right:1px;bottom:150px}.header__socials:after{content:"";width:1px;height:2rem;background:var(--color-primary)}.blue-dash{transform:rotate(90deg);color:#019dce;height:200%}.follow-us{transform:rotate(-90deg);margin-top:10px}.follow-us,.linkedin-link{color:#019dce}.scroll__down{position:absolute;right:-2.3rem;bottom:5rem;transform:rotate(90deg);font-weight:300;font-size:.9rem}@media screen and (max-width:1024px){header{height:68vh}}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}}.App{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}.main-circle{width:60%;max-width:600px;aspect-ratio:1;background-color:#333}.content-circle{width:30%;aspect-ratio:1;text-align:center}.small-circle{width:16%;aspect-ratio:1;background-color:transparent}.top{top:-8%;left:calc(50% - 8%)}.left{left:-8%}.left,.right{top:calc(50% - 8%)}.right{right:-8%}.bottom-left{bottom:5%;left:calc(25% - 8%)}.bottom-right{bottom:5%;right:calc(25% - 8%)}.responsive-image{max-width:100%;height:auto}.main-circle{position:relative;width:642px;height:642px;border-radius:50%;border:6px dashed #fff;display:flex;justify-content:center;align-items:center;margin:50px auto;background-color:transparent}.content-circle{width:75%;text-align:justify}.content-circle,.small-circle{display:flex;justify-content:center;align-items:center;color:#fff}.small-circle{position:absolute;width:103px;font-size:14px;height:103px;border-radius:50%;border:4px solid #fff;background-color:#000;cursor:pointer}.small-circle.hovered{background-color:#019dce}.top{top:-51.5px;left:calc(50% - 51.5px)}.left{left:-51.5px}.left,.right{top:calc(50% - 51.5px)}.right{right:-51.5px}.bottom-left{bottom:5px;left:calc(25% - 51.5px)}.bottom-right{bottom:5px;right:calc(25% - 51.5px)}@media (max-width:778px){.main-circle{max-width:none;border-width:4px;font-size:80%}.small-circle{width:30%;border-width:2px}.top{top:-8%;left:calc(50% - 8%)}.left{left:-6%}.left,.right{top:calc(50% - 11%)}.right{right:-6%}.bottom-left{bottom:3%;left:calc(25% - 14%)}.bottom-right{bottom:3%;right:calc(25% - 14%)}.small-circle{font-size:10px;width:17%;height:17%}.main-circle{width:100%;height:100%;border-radius:50%;border:6px dashed #fff;display:flex;justify-content:center;align-items:center;margin:50px auto;background-color:transparent}}@media (max-width:546px){.main-circle{font-size:63%;border-width:3px}.small-circle{font-size:8px}}