@@ -19,20 +19,20 @@ import LeftSide from "../components/LeftSide.astro";
1919
2020 <body class =" m-0 bg-slate-100"
2121 <header class =" site-header"
22- <h1 class =" mb-5 text-4xl font-bold text-white" , PhD </h1 >
23- <p class =" text-xl/8"
24- Senior Product Engineer <span class =" text-zinc-100 font-bold" span > PumasAI
22+ <h1 class =" mb-5 text-4xl font-bold text-white" h1 >
23+ <p class =" text-xl/8 text-orange-200 "
24+ Senior Product Engineer <span class =" text-blue-300 font-bold" span > PumasAI
2525 Inc.
2626 <br />
27- Research Affiliate <span class =" text-zinc-100 font-bold" span > University
27+ Research Affiliate <span class =" text-blue-300 font-bold" span > University
2828 of Sydney
2929 </p >
3030 </header >
31- <main class =" flex my-5 mx -10 pr-0"
31+ <main class =" flex my-5 ml -10 pr-0"
3232 <aside >
3333 <LeftSide text_color_1 =" text-blue-500" text_color_2 =" text-black"
3434 </aside >
35- <div class =" grid grid-cols-3 gap-x-16 gap-y-8 ml-40 my -10"
35+ <div class =" grid grid-cols-3 gap-x-16 gap-y-8 ml-20 mb -10 mt-5 "
3636 <!-- About -->
3737 <a href =" /about" class =" card"
3838 <img src ={ userIcon .src } alt =" user icon" class =" card-img"
@@ -88,23 +88,23 @@ import LeftSide from "../components/LeftSide.astro";
8888 @import "tailwindcss";
8989
9090 aside {
91- @apply pr-10 pl-6 mt-3 max-w-50 min-w-50 sticky top-0 bg-slate-100 sm:px-4;
91+ @apply pr-5 pl-5 mt-3 max-w-50 min-w-50 sticky top-0 bg-slate-100 sm:px-4;
9292 }
9393
9494 .card {
95- @apply mt-0 mb-1 w-70 ;
95+ @apply p-2 pt-5 border-1 border-slate-300 bg-gray-200 rounded-3xl container ;
9696 }
9797
9898 @utility card-img {
99- @apply mb-3 h-20 w-24;
99+ @apply h-20 w-24 mx-auto ;
100100 }
101101
102102 .card-head {
103- @apply mb-2 text-2xl font-bold text-slate-800;
103+ @apply mb-2 text-2xl font-bold text-slate-800 flex justify-center ;
104104 }
105105
106106 .card-desc {
107- @apply mb-4 text-slate-800;
107+ @apply mb-4 text-slate-800 flex justify-center ;
108108 }
109109
110110 /* .card-button {
0 commit comments