.project-list{min-height:80vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));width:100%;max-width:100vw;margin:0 auto;gap:2rem;place-items:center;background-color:#000;box-sizing:border-box;overflow:visible;color:#ccc}.project{width:100%;aspect-ratio:1 / 1;background-color:#000;padding:1.5rem;align-content:center;box-sizing:border-box;border-radius:.5rem;transition:background-color .3s,box-shadow .3s,border-color .3s;border:4px solid transparent;box-shadow:none}.project:nth-child(1):hover,.project:nth-child(1).active{border-color:#e57373;box-shadow:0 0 24px 4px #e57373}.project:nth-child(2):hover,.project:nth-child(2).active{border-color:#64b5f6;box-shadow:0 0 24px 4px #64b5f6}.project:nth-child(3):hover,.project:nth-child(3).active{border-color:#81c784;box-shadow:0 0 24px 4px #81c784}.project:nth-child(4):hover,.project:nth-child(4).active{border-color:#ffd54f;box-shadow:0 0 24px 4px #ffd54f}.project:nth-child(5):hover,.project:nth-child(5).active{border-color:#ba68c8;box-shadow:0 0 24px 4px #ba68c8}.project:nth-child(6):hover,.project:nth-child(6).active{border-color:#4db6ac;box-shadow:0 0 24px 4px #4db6ac}.project:nth-child(7):hover,.project:nth-child(7).active{border-color:#ff8a65;box-shadow:0 0 24px 4px #ff8a65}.project:nth-child(8):hover,.project:nth-child(8).active{border-color:#a1887f;box-shadow:0 0 24px 4px #a1887f}.project:nth-child(9):hover,.project:nth-child(9).active{border-color:#90caf9;box-shadow:0 0 24px 4px #90caf9}.project:nth-child(10):hover,.project:nth-child(10).active{border-color:#f06292;box-shadow:0 0 24px 4px #f06292}.project:nth-child(11):hover,.project:nth-child(11).active{border-color:#9575cd;box-shadow:0 0 24px 4px #9575cd}.project:nth-child(12):hover,.project:nth-child(12).active{border-color:#aed581;box-shadow:0 0 24px 4px #aed581}.project:nth-child(13):hover,.project:nth-child(13).active{border-color:#fff176;box-shadow:0 0 24px 4px #fff176}.project:nth-child(14):hover,.project:nth-child(14).active{border-color:#4fc3f7;box-shadow:0 0 24px 4px #4fc3f7}.project:nth-child(15):hover,.project:nth-child(15).active{border-color:#ffb74d;box-shadow:0 0 24px 4px #ffb74d}.project:nth-child(16):hover,.project:nth-child(16).active{border-color:#dce775;box-shadow:0 0 24px 4px #dce775}.project:nth-child(17):hover,.project:nth-child(17).active{border-color:#b0bec5;box-shadow:0 0 24px 4px #b0bec5}.project:nth-child(18):hover,.project:nth-child(18).active{border-color:#f44336;box-shadow:0 0 24px 4px #f44336}.project:nth-child(19):hover,.project:nth-child(19).active{border-color:#00bcd4;box-shadow:0 0 24px 4px #00bcd4}.project:nth-child(20):hover,.project:nth-child(20).active{border-color:#cddc39;box-shadow:0 0 24px 4px #cddc39}.project:nth-child(21):hover,.project:nth-child(21).active{border-color:#ff9800;box-shadow:0 0 24px 4px #ff9800}.project:nth-child(22):hover,.project:nth-child(22).active{border-color:#8bc34a;box-shadow:0 0 24px 4px #8bc34a}.project:nth-child(23):hover,.project:nth-child(23).active{border-color:#03a9f4;box-shadow:0 0 24px 4px #03a9f4}.project:nth-child(24):hover,.project:nth-child(24).active{border-color:#e91e63;box-shadow:0 0 24px 4px #e91e63}.project:nth-child(25):hover,.project:nth-child(25).active{border-color:#9c27b0;box-shadow:0 0 24px 4px #9c27b0}.project:nth-child(26):hover,.project:nth-child(26).active{border-color:#00bfae;box-shadow:0 0 24px 4px #00bfae}.project:nth-child(27):hover,.project:nth-child(27).active{border-color:#ffc107;box-shadow:0 0 24px 4px #ffc107}.project:nth-child(28):hover,.project:nth-child(28).active{border-color:#607d8b;box-shadow:0 0 24px 4px #607d8b}.project:nth-child(29):hover,.project:nth-child(29).active{border-color:#ff5252;box-shadow:0 0 24px 4px #ff5252}.project:nth-child(30):hover,.project:nth-child(30).active{border-color:#448aff;box-shadow:0 0 24px 4px #448aff}.project:nth-child(31):hover,.project:nth-child(31).active{border-color:#c51162;box-shadow:0 0 24px 4px #c51162}.project:nth-child(32):hover,.project:nth-child(32).active{border-color:#00e676;box-shadow:0 0 24px 4px #00e676}.project:nth-child(33):hover,.project:nth-child(33).active{border-color:#ff6d00;box-shadow:0 0 24px 4px #ff6d00}.project:nth-child(34):hover,.project:nth-child(34).active{border-color:#00b8d4;box-shadow:0 0 24px 4px #00b8d4}.project:nth-child(35):hover,.project:nth-child(35).active{border-color:#d500f9;box-shadow:0 0 24px 4px #d500f9}.project:nth-child(36):hover,.project:nth-child(36).active{border-color:#76ff03;box-shadow:0 0 24px 4px #76ff03}.project:nth-child(37):hover,.project:nth-child(37).active{border-color:#ff1744;box-shadow:0 0 24px 4px #ff1744}.project:nth-child(38):hover,.project:nth-child(38).active{border-color:#00bfae;box-shadow:0 0 24px 4px #00bfae}.project:nth-child(39):hover,.project:nth-child(39).active{border-color:#ffd600;box-shadow:0 0 24px 4px #ffd600}.project:nth-child(40):hover,.project:nth-child(40).active{border-color:#aeea00;box-shadow:0 0 24px 4px #aeea00}.project:nth-child(41):hover,.project:nth-child(41).active{border-color:#ff4081;box-shadow:0 0 24px 4px #ff4081}.project:nth-child(42):hover,.project:nth-child(42).active{border-color:#536dfe;box-shadow:0 0 24px 4px #536dfe}.project:nth-child(43):hover,.project:nth-child(43).active{border-color:#00e5ff;box-shadow:0 0 24px 4px #00e5ff}.project:nth-child(44):hover,.project:nth-child(44).active{border-color:#ffea00;box-shadow:0 0 24px 4px #ffea00}.project:nth-child(45):hover,.project:nth-child(45).active{border-color:#b2ff59;box-shadow:0 0 24px 4px #b2ff59}.project:nth-child(46):hover,.project:nth-child(46).active{border-color:#ffab00;box-shadow:0 0 24px 4px #ffab00}.project:nth-child(47):hover,.project:nth-child(47).active{border-color:#00bcd4;box-shadow:0 0 24px 4px #00bcd4}.project:nth-child(48):hover,.project:nth-child(48).active{border-color:#d4e157;box-shadow:0 0 24px 4px #d4e157}.project:nth-child(49):hover,.project:nth-child(49).active{border-color:#ff7043;box-shadow:0 0 24px 4px #ff7043}.project:nth-child(50):hover,.project:nth-child(50).active{border-color:#7c4dff;box-shadow:0 0 24px 4px #7c4dff}@media (min-width: 64rem){.project-list{grid-template-columns:repeat(4,1fr)}}i{font-style:normal;margin-left:.25rem;margin-right:.25rem}.project-gh-icon{text-decoration:none;color:inherit;font-style:normal;margin-left:.25rem;margin-right:.25rem;transition:color .3s ease}.project-gh-icon:hover{color:#fff;transition:color .3s ease}.project-description{margin:0rem;text-align:center;overflow:hidden;max-height:none}@media screen and (max-width: 700px){.project{width:20rem;height:20rem}}.project-title{font-size:1.5rem;text-align:center;font-weight:700;margin:.5rem;color:#fff;text-decoration:none}.project-github-logo{height:1rem;width:1rem}.project-icons{margin:.5rem;text-align:center;color:#aaa}