*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

font-family:Arial, Helvetica, sans-serif;

}

/* HEADER */

header{

position:fixed;

top:0;
left:0;

width:100%;
height:90px;

background:red;
color:white;

padding:15px 25px;

z-index:1000;

}

header h1{

font-size:40px;

}

header p{

font-size:18px;

}


/* QUESTIONS */

.questions{

margin-top:140px;

display:flex;

justify-content:center;

}

.questionBox{

background:purple;

width:80%;

padding:40px;

display:flex;

justify-content:space-around;

border-radius:8px;

}

.column{

display:flex;

flex-direction:column;

gap:30px;

}

label{

color:white;

font-size:22px;

}

input{

transform:scale(1.4);

margin-right:10px;

}


/* NOTES */

.notes{

display:flex;

flex-direction:column;

align-items:center;

margin:60px 0;

}

textarea{

width:60%;

height:250px;

font-size:24px;

padding:20px;

background:orange;

border:2px solid black;

resize:none;

}

.instructions{

font-size:38px;

margin-top:20px;

}


/* RESULTS */

.results{

background:lime;

height:700px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

gap:60px;

}

#tripButton{

padding:20px 45px;

font-size:28px;

background:#4a7cff;

color:white;

border:none;

border-radius:10px;

cursor:pointer;

}

#tripButton:hover{

background:#2359e8;

}

.picture{

width:70%;

height:300px;

background:white;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

color:gray;

}

header a {
    color: white !important;
    text-decoration: none !important;
}

header a:hover {
    color: #f0f0f0;
}