@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}section{width:100vw;max-width:100%;margin:0;padding-left:0;padding-right:0;overflow-x:hidden}button{transition:transform .3s ease}button:hover{transform:scale(1.05)}.work-card{transition:all .3s ease}.work-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.clickable,[role=button],[type=button],[type=reset],[type=submit],a{transition:all .3s ease;position:relative}.clickable:hover,[role=button]:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,a:hover{transform:translateY(-2px)}.nav-link,nav a{position:relative;transition:color .3s ease}.nav-link:after,nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:currentColor;transition:width .3s ease}.nav-link:hover:after,nav a:hover:after{width:100%}