*{margin:0;padding:0}body{color:#fff;background-image:url(/assets/bg-DAhJEpM4.jpg);background-repeat:no-repeat;background-size:cover;width:100%;height:100dvh;font-family:Inter,sans-serif}.backdrop{opacity:.31;z-index:10;background-color:#000;width:100%;height:100dvh;position:absolute;inset:0}.info{text-align:center;z-index:40;flex-direction:column;justify-content:center;align-items:center;width:fit-content;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name{font-size:42px}.role{font-size:32px}.contacts{gap:10px;margin-top:10px;display:flex}.github{color:#fff;background:#2b3137;border-radius:8px;width:27px;height:27px;padding:6px}.linkedin{color:#fff;background:#223364;border-radius:8px;width:27px;height:27px;padding:6px}.mail{color:#d43131;background:#fff;border-radius:8px;width:27px;height:27px;padding:6px}@media screen and (width<=1200px){.info{width:100%}.name{font-size:32px}.role{font-size:24px}}