#root{max-width:100vw;margin:0;text-align:center;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:24px;background-color:#393d49}html,body{margin:0;padding:0}.App,.hero{width:357px;max-width:450px;margin:0 auto}.App{border-top-left-radius:15px;border-top-right-radius:15px;background:#1a1b21}.hero>img{width:100%;height:357px;object-fit:cover;border-top-left-radius:15px;border-top-right-radius:15px}.main{color:#fff;text-align:start;padding:0 1.4em}h1{color:#fff;font-size:1.725rem;margin-bottom:0}.hero>p{color:#f3bf99;margin-top:5px;margin-bottom:6px;font-size:1rem}.main>p{font-size:.85rem;color:#fff9;letter-spacing:1.4px}.resume{color:#f5f5f5;display:block;text-decoration:none;margin-top:0;font-size:.925rem}.resume:hover,.resume:focus{text-decoration:underline}.links{display:flex;justify-content:center;gap:20px;margin-top:20px}.my-email,.my-portfolio{padding:.456em 1.425em;text-decoration:none;border-radius:5px;transform:scale(1);transition:.5s}.my-email{display:flex;gap:9px;align-items:center;background-color:#fff;color:#1e1f26}.my-portfolio{background-color:#5093e2;color:#fff}.my-email:hover,.my-portfolio:hover{transform:scale(1.1)}.footer{width:100%;background:#161619;text-align:center;font-size:1.5rem;padding:.5em 0}.footer a{color:#fff9;text-decoration:none}.social-list__link:hover,.social-list__link:focus{opacity:.7}.social-list{list-style:none;display:flex;justify-content:center;margin:.2em 0 0;padding:0}.social-list__item{margin:0 .5em}