95 lines
1.6 KiB
SCSS
95 lines
1.6 KiB
SCSS
@import "tailwindcss";
|
|
@import url('https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&display=swap');
|
|
|
|
h1,h2,h3,h4,h5,h6,
|
|
label,span,input,{
|
|
font-family: 'Intel One Mono', monospace;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2rem;
|
|
}
|
|
h2 {
|
|
font-size: 1.5rem;
|
|
}
|
|
h3 {
|
|
font-size: 1rem;
|
|
}
|
|
label {
|
|
font-size: 1rem;
|
|
}
|
|
input {
|
|
background: oklch(21% 0.034 264.665);
|
|
color: white;
|
|
&::placeholder {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.password-toggle-icon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 12px; /* Adjust as needed */
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 20px;
|
|
height: 20px;
|
|
color: #6b7280; /* Tailwind gray-500 */
|
|
}
|
|
|
|
|
|
.banke{
|
|
background: red;
|
|
padding: 0.5rem;
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
display: none;
|
|
&.show{
|
|
display: block;
|
|
}
|
|
}
|
|
.modal-payment{
|
|
background: rgba(0,0,0,0.5);
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
backdrop-filter: blur(5px);
|
|
.iframe-container {
|
|
background: var(--color-gray-800);
|
|
width: 50%;
|
|
height: 90%;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cgv-content{
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background: var(--color-gray-800);
|
|
padding: 0.5rem;
|
|
h2 {
|
|
text-align: center;
|
|
font-weight: bolder;
|
|
font-size: 2.5rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
p {
|
|
|
|
}
|
|
}
|
|
|
|
.max-h-250 {
|
|
max-height: 50vh;
|
|
height: 50vh;
|
|
}
|