:root{--blue: #0a0086;--black: #000000;--red: #ff0000;--bg: #eeeeef;--yellow: #fdbf00;--bg2: #dee2ee;--purple: #544dad;--green: #00aa91;--white: #ffffff;--big-text: 2em;--sub-text: 1.5em;--destination: 3em;--margin: .8%}@font-face{font-family:Parisine;src:url(/fonts/Parisine-Bold.otf)}@font-face{font-family:Parisine-regular;src:url(/fonts/Parisine-Regular.otf)}body{margin:0;padding:0;background-color:var(--bg);color:var(--black);font-family:Parisine-regular,Roboto,Arial}h1,h2,h3{text-transform:uppercase;color:var(--blue)}h1,h2{margin:0;padding:0;font-family:Parisine}a{text-decoration:none;color:var(--green)}nav{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:var(--white);margin-bottom:30px}nav div{display:flex;flex-direction:row;align-items:center;gap:10px}nav div ul{display:flex;flex-direction:row;list-style:none;gap:10px}nav #search{height:20px;margin:auto}nav .left h2{font-size:small}section{display:flex;flex-direction:column;align-items:center;gap:20px;width:70%;margin:auto auto 10px;border-radius:10px;background-color:var(--white);padding:10px}p{font-family:Parisine-regular;max-width:50%;margin:0;padding:0}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.search-field-container{gap:20px}.search-field-container div{gap:5px}.center{text-align:center}.flex-row{display:flex;flex-direction:row;align-items:center;gap:10px}.label_input{display:flex;align-items:flex-start;justify-content:flex-start;gap:5px}.search-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.search_btn{width:100%;margin:auto;padding:5px;border-radius:5px;background-color:var(--green);color:var(--white);font-weight:700;font-size:1.2em;border:none}.train_list{width:100%}.train{height:50%;margin:10px auto;display:flex;flex-direction:column;gap:10px;border:1px solid var(--bg2);border-radius:10px;padding:10px}.train:hover{cursor:pointer}.train__footer{display:flex;gap:20px}.train__operator,.train__price{font-family:Parisine;font-size:1.2rem;margin-right:10px}.train__hour{font-family:Parisine;margin-right:10px;font-size:1.2rem}.visibility_hidden{visibility:hidden}figure{margin:0}figure img{margin:5px;border-radius:10px}@media screen and (max-width: 768px){section{width:90%}.flex-row{flex-direction:column}p{max-width:100%}img{width:100%;aspect-ratio:1/1}nav{flex-direction:column}nav img{display:none}nav div{flex-direction:column}}