.column{display:flex;flex-direction:column}.short-info{font-family:Inter,sans-serif}.short-info h1{color:#d6d6df;margin:0;font-size:38px}.short-info h3{color:#d6d6df;margin:10px 0 0;font-size:20px}.short-info p{color:#A9A8B0;margin-top:15px;line-height:24px;font-size:.9rem}.links-wrapper{margin-top:35px;display:flex;gap:20px}.about{margin-top:70px}.about h3{color:#d6d6df;text-transform:capitalize;font-size:20px}.about p{color:#A9A8B0;line-height:24px;font-size:.9rem}.projects{margin-top:50px;display:grid;grid-gap:1rem;gap:1rem}.project{transition:filter .2s ease,transform .2s ease;filter:brightness(1)}.project:focus-within~.project,.project:hover~.project{filter:brightness(.6)}.project:focus-within,r .project:hover{filter:brightness(.4)}.project:focus-within,.project:hover{filter:brightness(1);color:#e4e4ee}.projects h3{color:#d6d6df;text-transform:capitalize;font-size:20px}.projects p{color:#A9A8B0;line-height:24px;font-size:.9rem}.project{border-radius:8px;margin-top:40px;transition:filter .3s ease,transform .3s ease}.project a{color:#d6d6df;text-decoration:none;font-size:18px}.project svg{margin-left:10px}.project p{font-size:.9rem}.tags{flex-direction:row}.tag,.tags{display:flex}.tag{position:relative;z-index:0;margin-right:10px}.tag:before{border-radius:10px;content:"";position:absolute;inset:0;background-color:#1f57aa;opacity:.5;z-index:-1}.tag p{margin:5px;font-size:.9rem;color:#d6d6df}.project img{margin-top:15px;border-radius:5px}.blog{margin-top:50px;display:grid;grid-gap:1rem;gap:1rem}.blog-post{transition:filter .2s ease,transform .2s ease}.blog-post:focus-within,.blog-post:focus-within~.blog-post,.blog-post:hover,.blog-post:hover~.blog-post{filter:brightness(.6)}.blog-post:focus-within,.blog-post:hover{filter:brightness(1)}.blog-post:focus-within~.blog-post,.blog-post:hover~.blog-post{filter:brightness(.6)}.blog h3{color:#d6d6df;text-transform:capitalize;font-size:20px}.blog p{color:#A9A8B0;line-height:24px;font-size:.9rem}.blog-post{margin-top:40px}.blog a{color:#d6d6df;text-decoration:none;font-size:18px}.blog svg{margin-left:10px}.blog-post p{font-size:.9rem}.blog-post img{border-radius:5px}.viewfullblogs{margin-top:40px;display:inline-block}@media screen and (min-width:1150px){.about p{width:400px}main{display:flex;flex-direction:row;margin:0 auto;gap:60px}.short-info h1{font-size:45px}.projects{margin-top:0}.projects h3{margin-top:10px}.project{margin-top:15px}.column{width:600px;margin-left:40px}.blog-post{margin-top:0}footer{margin-top:40px}footer p{margin-bottom:0}}