body{background:#fff;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.page{padding:20px 20px 60px}.content{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10%;grid-auto-columns:min-content}.icon-link{display:block;aspect-ratio:1/1;border-radius:15%}.icon-link.gray-button{background-color:#efefef;border:1px solid rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.icon-link:hover{opacity:.5}.icon-link .icon{border-radius:15%;display:block;width:100%;height:100%;object-fit:contain}.info-display{text-align:center;word-break:break-all}.info-display .handle{margin:20% 0 3%;font-size:36px;font-weight:500}.info-display .job{font-size:14px}.info-display .display{margin-top:0}.info-display .display h4{font-size:16px;font-weight:500;margin-bottom:0}.info-display .display p{font-size:13px;margin-top:10px}@media screen and (max-width:768px){.content{grid-gap:5%}.info-display .handle{font-size:28px}}@media screen and (max-width:480px){.page{padding:15px}.content{grid-template-columns:repeat(2,1fr);grid-gap:15px;max-width:280px}.info-display{grid-column:1/-1;order:-1;margin-bottom:20px}.info-display .handle{margin:10px 0 5px;font-size:24px}.info-display .job{font-size:13px}.info-display .display{margin-top:10px}.info-display .display h4{font-size:16px}.info-display .display p{font-size:14px}.icon-wrap[data-name=boinc]{order:1}.icon-wrap[data-name=profile]{order:2}.icon-wrap[data-name=twitter]{order:3}.icon-wrap[data-name=github]{order:4}.icon-wrap[data-name=facebook]{order:5}.icon-wrap[data-name=linkedin]{order:6}.icon-wrap[data-name=email]{order:7}.icon-wrap[data-name=nazacs]{order:8}.icon-link{border-radius:12px}.icon-link .icon{border-radius:12px}}