/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */.relative{position:relative}.mx-auto{margin-inline:auto}.my-\[5px\]{margin-block:5px}.my-\[40px\]{margin-block:40px}.mt-\[2px\]{margin-top:2px}.mt-\[10px\]{margin-top:10px}.mt-auto{margin-top:auto}.mr-\[5px\]{margin-right:5px}.mr-\[6px\]{margin-right:6px}.mr-auto{margin-right:auto}.mb-\[10px\]{margin-bottom:10px}.mb-\[15px\]{margin-bottom:15px}.mb-\[20px\]{margin-bottom:20px}.mb-\[35px\]{margin-bottom:35px}.mb-auto{margin-bottom:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.h-\[70px\]{height:70px}.h-\[150px\]{height:150px}.h-\[320px\]{height:320px}.min-h-screen{min-height:100vh}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.max-w-\[620px\]{max-width:620px}.max-w-\[1300px\]{max-width:1300px}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[20px\]{gap:20px}.rounded-\[5px\]{border-radius:5px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--hover-text-color\)\]{border-color:var(--hover-text-color)}.bg-\[var\(--middle-nav-bar\)\]{background-color:var(--middle-nav-bar)}.bg-\[var\(--primary-text-color\)\]{background-color:var(--primary-text-color)}.bg-\[var\(--secondary-text-color\)\]{background-color:var(--secondary-text-color)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-\[10px\]{padding:10px}.p-\[20px\]{padding:20px}.px-\[5px\]{padding-inline:5px}.px-\[10px\]{padding-inline:10px}.px-\[15px\]{padding-inline:15px}.px-\[18px\]{padding-inline:18px}.py-\[5px\]{padding-block:5px}.py-\[6px\]{padding-block:6px}.py-\[10px\]{padding-block:10px}.py-\[50px\]{padding-block:50px}.text-left{text-align:left}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.text-\[\#000000\]{color:#000}.text-\[var\(--hover-text-color\)\]{color:var(--hover-text-color)}.text-\[var\(--primary-text-color\)\]{color:var(--primary-text-color)}.text-\[var\(--secondary-text-color\)\]{color:var(--secondary-text-color)}.text-inherit{color:inherit}.no-underline{text-decoration-line:none}@media (hover:hover){.hover\:bg-\[var\(--primary-text-color\)\]:hover{background-color:var(--primary-text-color)}.hover\:text-\[var\(--hover-text-color\)\]:hover{color:var(--hover-text-color)}.hover\:text-\[var\(--secondary-text-color\)\]:hover{color:var(--secondary-text-color)}}@layer base{*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}html{background-color:var(--background-color);justify-content:center;align-items:center;display:flex}:root{--background-color:#f7f2f2;--primary-text-color:#19212c;--secondary-text-color:#fff;--middle-nav-bar:#0000000d;--hover-color:#cdb6e262;--hover-text-color:gray}[data-theme=dark]{--background-color:#090c10;--primary-text-color:#d8dae0;--secondary-text-color:#19212c;--middle-nav-bar:#fff6;--hover-color:#c7c4f0;--hover-text-color:#fff}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@media (max-width: 600px){.footer{font-size:12px}}@media (max-width: 600px){.dark-mode{padding:5px 10px}}@media (max-width: 600px){.navbar{display:flex;flex-direction:column;gap:20px;align-items:center;justify-items:center}.middle-nav{font-size:14px;padding:2px}.middle-nav p:active{color:var(--primary-text-color)}.middle-nav p{padding:8px 10px}}@media (max-width: 600px){.about{width:300px;height:auto}.about-p{width:250px;font-size:16px;margin-top:2rem}}@media (max-width: 600px){.spotify-card{width:300px}}@media (max-width: 600px){.main{grid-template-columns:repeat(1,minmax(0,1fr))}.second-grid,.about{flex-direction:column}.third-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.projects{grid-template-columns:repeat(1,minmax(0,1fr));place-items:center}.fourth-grid{flex-direction:column;place-items:center}.about-div{place-items:center}}
