body{

margin:0;
background:#f5f5f5;
font-family:Arial;
text-align:center;

}

.container{

width:90%;
margin:auto;
padding:30px;

}

input{

padding:10px;
width:300px;

}

button{

padding:12px 25px;
margin:10px;
cursor:pointer;

}

canvas{

border:2px solid #ddd;
border-radius:10px;
background:white;

}
.header{

    width:100%;
    padding:15px 30px;
    background:#111827;
    color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;

}


.header .logo{

    font-size:22px;
    font-weight:bold;

}


.header nav a{

    color:white;
    text-decoration:none;
    margin-left:20px;
    font-size:16px;

}


.header nav a:hover{

    color:#a78bfa;

}

.main-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 40px;

background:#111827;

color:#fff;

}

.logo{

font-size:24px;

font-weight:bold;

}

.main-header nav{

display:flex;

gap:20px;

}

.main-header nav a{

color:#fff;

text-decoration:none;

font-weight:bold;

}

.main-header nav a:hover{

color:#60a5fa;

}