*{box-sizing:border-box}
body{
margin:0;
min-height:100vh;
background:url("assets/eu-ai-act-background.webp") center/cover fixed;
font-family:Arial,sans-serif;
}
.page{
min-height:100vh;
background:rgba(0,0,0,.25);
padding-top:80px;
text-align:center;
}
h1{
color:white;
font-size:48px;
text-shadow:0 2px 8px #000;
margin-bottom:50px;
}
.search-area{
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
}
.search-area input{
width:650px;
height:60px;
border-radius:30px;
border:none;
padding:0 30px;
font-size:20px;
}
.search-area button{
height:45px;
padding:0 30px;
border-radius:25px;
border:1px solid #ddd;
background:white;
font-size:16px;
cursor:pointer;
}
.answer-box{
width:650px;
height:420px;
margin:45px auto;
background:rgba(0,0,0,.75);
border-radius:30px;
padding:30px;
overflow:hidden;
}
#answer{
height:100%;
overflow-y:auto;
padding-right:20px;
color:white;
text-align:left;
font-family:Georgia,"Times New Roman",serif;
font-size:18px;
line-height:1.7;
white-space:pre-wrap;
}
#answer::-webkit-scrollbar{width:12px}
#answer::-webkit-scrollbar-thumb{background:#888;border-radius:10px}