:root{--bg-color: #212224;--item-bg: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)}::-webkit-scrollbar{width:0px;height:0px}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:font-3;src:url(/assets/DMSans-Bold-3efb0fc9.ttf);font-display:swap}@font-face{font-family:font-1;src:url(/assets/DMSans-Regular-a3ab1c5a.ttf);font-display:swap}body{font-family:font-1;background-color:var(--bg-color)}#root{max-width:500px;margin:72px auto}@media screen and (max-width: 480px){#root{max-width:330px;margin:42px auto}}.heading{font-family:font-3;font-size:60px;color:#fff;line-height:1}@media screen and (max-width: 480px){.heading{font-size:42px;line-height:1.07}}.role{color:#26ea69}.socialsContainer{display:flex;margin-top:42px;gap:8px;flex-wrap:wrap}@media screen and (max-width: 480px){.socialsContainer{margin-top:24px}}.socialsContainer .socialItem{background:var(--item-bg);padding:10px;border-radius:50em;width:-moz-fit-content;width:fit-content;color:#fff;text-decoration:none;transition:all .2s}.socialsContainer .socialItem:hover{transform:translateY(-5px)}.works{margin-top:60px}.works span{color:#26ea69}.works h2{font-size:20px;color:#fff}.worksGrid{display:grid;grid-template-columns:auto;margin-top:32px;gap:24px}.worksGrid .itemContainer{background-color:#fff;border-radius:12px;overflow:hidden;padding:1px;transition:all .4s}.worksGrid .itemContainer:hover{background:var(--item-bg);scale:1.01}.worksGrid .item{padding:20px;background-color:#1d1d1d;border-radius:12px}.worksGrid .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.copyright{text-align:center;color:#fff;margin-top:60px}@media screen and (max-width: 480px){.copyright{font-size:12px}}.copyright .copyRightName{color:#26ea69;text-decoration:none}