*{border:none;outline:none;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;line-height:calc(1em + .725rem)}h1,h2,h3,h4,h5,h6,p{font-size:1.5em;font-weight:400}ol,ul{list-style-type:none}a{text-decoration:none}button{all:unset}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}:root{font-family:Nunito,sans-serif}main{height:100vh;width:100%;padding:3rem 5rem;display:flex}main section#profilebar{flex:35%}main section#profilebar .profileSpace{padding-top:1em;width:15em;height:13rem}main section#profilebar .profileSpace img{border-radius:50%;width:12.5em;height:100%}main section#profilebar .profileAbout{text-align:start;margin-left:.6em;margin-top:1.3em}main section#profilebar .profileAbout h1{color:#1d1c1c;font-weight:700;font-size:2.5em}main section#profilebar .profileAbout p{padding-top:.4em;color:#565656;font-size:1.1em;font-weight:500}main section#linkarea{flex:65%;margin-left:2em}main section#linkarea .spacebox{margin-top:5vh;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10vh}main section#linkarea .spacebox .linkbox{display:flex;flex-direction:column;max-width:100%;padding:2em 4em;background-color:#f5fafe;border:1px solid #dad6d6;border-radius:5px}main section#linkarea .spacebox .linkbox:hover{background-color:#e9f4fc;cursor:pointer}main section#linkarea .spacebox .linkbox img{max-width:13vh;height:2.7rem}main section#linkarea .spacebox .linkbox h2{text-align:center;padding-top:.5rem;color:#161616;font-size:1em}main section#linkarea .spacebox .linkbox span{color:#dad6d6;font-size:.7em}@media (max-width: 640px){main section#linkarea{padding:.8em;margin-top:1em;margin-left:0}}@media (max-width: 640px){main{padding:1.3rem;flex-direction:column}}