.status-container{display:flex;align-items:center;color:#fff}.green-circle{width:8px;height:8px;background-color:#90ee90;border-radius:50%;margin-right:10px}.button-group{display:flex}.timeline-main{display:flex;align-items:center;justify-content:center}.timeline{width:88%;position:relative}.timeline ul{list-style:none}.timeline ul li{color:#fff;margin-bottom:30px;width:50%}.timeline ul li:last-child{margin-bottom:-10px}.timeline-content-left{display:flex;flex-direction:column;align-items:end;justify-content:center;position:relative;top:-10px;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.timeline-content-right{display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;top:-10px;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-content{text-align:end}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:92%;--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1))}@media(max-width:521px){.timeline:before{height:88%}}.timeline ul li:nth-child(odd){clear:right;transform:translate(-30px)}.timeline ul li:nth-child(2n){float:right;transform:translate(30px)}.timeline ul li:before{content:"";position:absolute;height:10px;width:10px;border-radius:50%;--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1));top:0}.timeline ul li:last-child:before{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.timeline ul li:nth-child(odd):before{transform:translate(50%,-50%);right:-30px}.timeline ul li:nth-child(2n):before{transform:translate(-50%,-50%);left:-30px}.date{margin-bottom:10px}span,p{letter-spacing:.025em}.org-link{cursor:pointer;color:inherit;text-decoration:none}.org-link:focus{outline:2px solid rgba(59,130,246,.25);border-radius:4px}.card{min-height:400px;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;&:hover{cursor:pointer}&:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.image{height:200px;width:100%;-o-object-fit:cover;object-fit:cover}.card-head{font-size:1.125rem;line-height:1.75rem;padding-bottom:1rem}.card-content{letter-spacing:.025em;padding:1rem}.skills-card{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;height:120px;border-radius:20px;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;&:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}&:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}&:hover{cursor:default}}.skills-img{height:50px;width:50px}.projects-card{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;height:250px;border-radius:20px;position:relative;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;&:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{cursor:pointer}&:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.project-card-head{font-size:1.125rem;line-height:1.75rem;letter-spacing:.025em;padding-bottom:1rem}.project-card-content{padding:1rem;text-align:center}.project-img{position:absolute;top:20px;right:15px}.nav-div{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:30px}.nav{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.nav-img{margin:8.5px;padding:6.5px;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;&:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}&:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}&:hover{cursor:pointer}&:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.nav-div-img{height:25px;width:25px}