Spaces:
Runtime error
Runtime error
File size: 1,404 Bytes
8753927 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | /* Background Image */
.background {
background-image: url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8');
background-size: cover;
background-position: center;
filter: brightness(0.55);
position: fixed;
width: 100%;
height: 100%;
z-index: -1;
}
/* Form Container */
.form-container {
padding-top: 40px;
padding-bottom: 80px;
}
/* Glass Form Card */
.form-card {
background: rgba(255,255,255,0.80);
backdrop-filter: blur(12px);
padding: 30px;
border-radius: 18px;
max-width: 700px;
margin: auto;
animation: fadeIn 0.9s ease;
}
@keyframes fadeIn {
from { opacity:0; transform: translateY(20px); }
to { opacity:1; transform: translateY(0); }
}
.laptop-img {
width: 120px;
display: block;
margin: 0 auto 15px;
}
.required {
font-weight: 600;
}
.required::after {
content: " *";
color: red;
font-weight: bold;
}
.price-output {
margin-top: 20px;
font-size: 26px;
font-weight: bold;
color: #005eff;
}
/* Loader */
.loader {
display: none;
margin: 20px auto;
border: 5px solid #ddd;
border-top: 5px solid #0066ff;
border-radius: 50%;
width: 45px;
height: 45px;
animation: spin 0.9s linear infinite;
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
|