Files
portfolio/app/globals.css

27 lines
735 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom Global Styles */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*from to background color*/
/*background: -webkit-repeating-radial-gradient(circle, #f0f0f0, #8a8a8a);*/
background: linear-gradient(120deg, #f5f7fa 0%, #303030 100%);
}
.neumorphism {
background-color: #f0f0f0;
box-shadow: 8px 8px 16px #bebebe, -8px -8px 16px #ffffff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.neumorphism:hover {
box-shadow: inset 8px 8px 16px #dddddd, inset -8px -8px 16px #ffffff;
}
.neumorphism:active {
translate: 0 0.225em;
box-shadow: inset 8px 8px 16px #bebebe, inset -8px -8px 16px #ffffff;
}