@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap";*{margin:0;padding:0;font-family:Ubuntu Mono,monospace!important}:root{--main-bg: #141c2f;--sub-bg: #1f2a48;--text-color-v1: #fefffe;--text-color-v2: #e6e7eb;--text-color-v3: #d0d2d6;--extra-color: #0079fe}html{background-color:var(--main-bg)}body{display:flex;align-items:center;justify-content:center;height:100dvh}#root{width:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}@media (max-width: 670px){#root{width:300px;font-size:70%}}.header{display:flex;width:550px;justify-content:space-between}.header h1{color:var(--text-color-v1)}.header h1:hover{cursor:pointer}.header .light-dark-mode{display:flex;color:var(--text-color-v2);gap:.5rem}@media (max-width: 670px){.header{width:300px}}.searchBar{width:100%;height:60px;display:flex;background-color:var(--sub-bg);border-radius:10px;position:relative}.searchBar .searchIcon{position:absolute;font-size:26px;color:var(--extra-color);font-weight:200;top:17px;left:17px}.searchBar input{width:66%;border-radius:10px;border:none;outline:none;padding:1rem;font-size:17px;background-color:var(--sub-bg);color:var(--text-color-v2);margin-left:2.5rem}.searchBar .btn-search{position:absolute;width:110px;height:44px;right:8px;top:8px;border-radius:10px;border:none;background-color:var(--extra-color);color:var(--text-color-v1);font-weight:600;font-size:15px}.searchBar .btn-search:hover{cursor:pointer}@media (max-width: 670px){.searchBar{height:50px}.searchBar .searchIcon{font-size:20px;top:15px;left:15px}.searchBar input{width:50%;margin-left:2rem;font-size:13px}.searchBar .btn-search{width:80px;height:35px;font-size:12px}}.infoContent{display:flex;transition:all 1s;gap:1.5rem;color:var(--text-color-v3);background-color:var(--sub-bg);padding:2rem 2rem 1.5rem;border-radius:15px}.infoContent .contentSection{display:flex;flex-direction:column;gap:1.5rem}.infoContent .imgSection img{width:80px;border-radius:50%;border:4px solid var(--text-color-v2)}.infoContent .initInfo{width:100%}.infoContent .initInfo .nameInfo{display:flex;justify-content:space-between;margin-bottom:-.5rem}.infoContent .initInfo .nameInfo div p{color:var(--extra-color);margin-top:6px}.infoContent .bio{color:var(--text-color-v3);font-size:15px}.infoContent .reachCounter{color:var(--text-color-v2);background-color:var(--main-bg);display:flex;width:100%;justify-content:space-around;align-items:center;padding:1.5rem 0;border-radius:10px}.infoContent .reachCounter p{font-size:14px;margin-bottom:5px}.infoContent .contacts{display:flex;flex-wrap:wrap;color:var(--text-color-v3);width:100%}.infoContent .contacts div{display:flex;gap:8px;width:48%;margin-left:2%;margin-bottom:15px;font-size:14px}@media (max-width: 670px){.infoContent{padding:1.5rem;width:85%}.infoContent .bio{font-size:12px}.infoContent .reachCounter{width:230px;margin-left:-100px;justify-content:space-around;padding:1.2rem 0}.infoContent .reachCounter p{font-size:12px;margin-bottom:2px}.infoContent .contacts{flex-direction:column;margin-left:-100px}.infoContent .contacts div{width:188%;font-size:12px}.nameInfo{flex-direction:column}.nameInfo div p{margin:5px 0}}.notFound{border:none;background-color:#0000006b}.notFound img{position:absolute;top:25dvh;left:16dvw;width:70dvw;background-color:var(--main-bg);border-radius:10%;outline:none}.footer{color:#737a8f;position:absolute;bottom:50px}