Skip to content

vhajoy #330

Description

@ljmontuya29-cmd
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>TITLE HERE</title>

<link

    href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Montserrat:wght@400;500;600&display=swap"

    rel="stylesheet">

<style>

    * {

        margin: 0;

        padding: 0;

        box-sizing: border-box;

    }



    body {

        font-family: 'Montserrat', sans-serif;

        background: linear-gradient(135deg, #ffd1dc, #ffb7c5);

        min-height: 100vh;

        display: flex;

        flex-direction: column;

        align-items: center;

        overflow-x: hidden;

        color: #8a1c4a;

    }



    /* Password Modal */

    .password-modal {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(255, 182, 193, 0.95);

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        z-index: 100;

        transition: opacity 0.5s ease;

    }



    .password-content {

        background: white;

        padding: 30px;

        border-radius: 20px;

        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

        text-align: center;

        max-width: 400px;

        width: 90%;

        animation: bounceIn 1s forwards;

    }



    .password-content h2 {

        font-family: 'Dancing Script', cursive;

        font-size: 32px;

        margin-bottom: 20px;

        color: #d81b60;

    }



    .password-input {

        width: 100%;

        padding: 12px;

        border: 2px solid #ffb7c5;

        border-radius: 10px;

        margin-bottom: 15px;

        font-size: 16px;

        text-align: center;

        outline: none;

        transition: border-color 0.3s;

    }



    .password-input:focus {

        border-color: #d81b60;

    }



    .submit-btn {

        background: #d81b60;

        color: white;

        border: none;

        padding: 12px 25px;

        border-radius: 10px;

        cursor: pointer;

        font-size: 16px;

        transition: background 0.3s, transform 0.2s;

    }



    .submit-btn:hover {

        background: #b71550;

        transform: scale(1.05);

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions