@import"https://fonts.googleapis.com/css2?family=Clicker+Script&family=Delius&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.home{display:flex;flex-direction:column;gap:12px;padding:6px;min-height:100dvh;max-width:100dvw}.home .card{padding:12px}.home .card .content.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home .card .content.three .section{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #333;border-radius:12px;height:100%;width:100%;padding:12px}.home .card .content.three .section .title{font-size:18px;font-weight:400;text-transform:capitalize}.home .card .content.two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.home .card .content.two .section{display:flex;align-items:center}.home .card .content.two .section:last-child{display:flex;align-items:center;gap:12px;width:fit-content;margin:auto}.home .card .content.two .section .icon{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid #333;border-radius:50%;transition:background-color .3s ease-in-out}.home .card .content.two .section .icon:hover{background-color:#333}.home .card .content.two .me{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.home .card .content.two .me .image{border:1px solid #333;border-radius:50%;height:300px;width:300px;overflow:hidden}.home .card .content.two .me .image img{height:100%;width:100%;object-fit:cover}.home .card .content.two .me ul{display:flex;flex-direction:row;gap:12px;width:fit-content}.home .card .content.two .me ul li{display:flex;align-items:center;gap:0;border:1px solid #333;border-radius:50%;padding:12px}.home .card .content.two .info{display:flex;flex-direction:column;justify-content:center;text-align:justify;gap:12px}.card{display:flex;flex-direction:column;align-items:center;gap:12px;height:fit-content;width:100%}.card .title{font-size:24px;font-weight:600;text-transform:capitalize}.card .content{height:100%;width:100%}.project{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #333;border-radius:12px;padding:12px;width:100%;cursor:default}.project .image{border-radius:12px;min-height:280px;width:100%;overflow:hidden}.project .image img{height:100%;width:100%;object-fit:cover;opacity:.85}.project .details{display:flex;flex-direction:column;gap:12px;width:100%}.project .details .title{display:flex;align-items:center;justify-content:space-between}.project .details .links{display:flex;align-items:center;gap:12px;width:fit-content;margin-inline:auto}.header{background-color:#151515;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px;width:100%;z-index:2}.header .title{font-family:Clicker Script,cursive;font-size:48px;font-weight:600}.header .links{display:flex;align-items:center;gap:12px}.header .links .link{border-radius:12px;padding:4px 6px;cursor:pointer}.header .menu{display:none}.header .menu svg{height:24px;width:24px}.footer{border-top:1px solid #333;text-align:center;padding:12px}@media screen and (max-width: 1024px){.home .card .content.three{grid-template-columns:repeat(2,1fr)}.home .card .content.three .section:last-child{grid-column:1/3}}@media screen and (max-width: 768px){.home{padding:0}.home .card .content.three{grid-template-columns:1fr}.home .card .content.three .section{border:none}.home .card .content.three .section:last-child{grid-column:1/2}.home .card .content.two{grid-template-columns:1fr}.home .card .content.two .section{justify-content:center}.header{display:flex;flex-direction:column;align-items:center}.header.show .links{transform:translate(0)}.header .links{position:absolute;top:72px;display:flex;flex-direction:column;width:100%;padding:18px 12px;background-color:#151515;overflow:hidden;transform:translate(-100%);transition:transform .5s ease-in-out}.header .links .link{border-block:1px solid #333;border-radius:0;width:100%;padding:18px;transition:background-color .3s ease-in-out}.header .links .link:hover{background-color:#252525}.header .menu{display:block;position:absolute;top:24px;right:12px;transform:translateY(50%)}}@media screen and (max-width: 480px){.project .details .title{flex-direction:column;align-items:flex-start;gap:12px}}@media screen and (max-width: 320px){.home .card .content.two .section:first-child img,.home .card .content.two .me .image{height:250px;width:250px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Delius,cursive;font-size:16px;line-height:1.5;background-color:#151515;color:#fff}a{color:inherit;text-decoration:none;height:fit-content;font-size:inherit;line-height:0%}a svg{height:24px;width:24px}button{background-color:transparent;border:1px solid #333;border-radius:12px;color:inherit;font-family:inherit;font-size:inherit;padding:12px;transition:background-color .3s ease-in-out}button:hover{background-color:#333}input,textarea{background-color:transparent;border:1px solid #333;border-radius:12px;font-family:inherit;font-size:inherit;color:inherit;padding:12px}input:focus,textarea:focus{outline:none}textarea{min-height:100px;resize:vertical}ul{list-style-type:none;display:flex;flex-direction:column;gap:12px;overflow:hidden;width:100%;cursor:default}ul.row{flex-direction:row;gap:4px}ul.row li{border:1px solid #333;border-radius:50%;height:36px;width:36px;padding:6px;overflow:hidden}ul.row li img{height:100%;width:100%;object-fit:cover}ul li{display:flex;align-items:center;gap:12px;border-block:1px solid #333;width:100%;padding:6px;transition:background-color .3s ease-in-out}ul li:hover{background-color:#252525}ul li img{height:50px;width:50px;object-fit:cover}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#151515}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}