codecircuit-cortex / style.css
Sasmitha59's picture
🌐 Prompt: Create a Super-Stylish Official Website for Sasmitha Kaushan
475ae38 verified
Raw History Blame Contribute Delete
1.08 kB
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Montserrat:wght@300;400;600;700&display=swap');
:root {
--primary: #667eea;
--primary-dark: #5a67d8;
--secondary: #764ba2;
--dark: #1a202c;
--light: #f7fafc;
}
body {
padding: 0;
margin: 0;
font-family: 'Montserrat', sans-serif;
background-color: #f8fafc;
color: var(--dark);
overflow-x: hidden;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
@keyframes gradientBG {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
h1 {
font-size: 16px;
margin-top: 0;
}
p {
color: rgb(107, 114, 128);
font-size: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.card {
max-width: 620px;
margin: 0 auto;
padding: 16px;
border: 1px solid lightgray;
border-radius: 16px;
}
.card p:last-child {
margin-bottom: 0;
}