@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Reset Css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* End of reset Css */

body{font-family:'Poppins', Arial, Helvetica, sans-serif;margin:0;padding:0;}
body > img.visual{width:100%;margin-bottom:2em;}
body .main{max-width:1200px;margin:1em auto;font-size:18px;}
body .main header{text-align:center;margin-bottom:1em;}
body .main header img{max-width:250px;}
body .main header h1{font-size:24px;}
body .main .lang{text-align:center;}
body .main button{background-color:#ba933b;color:#FFF;padding:.5em 2em;border-radius:5px;border:none;margin:0 1em;font-size:20px;}
.main button:hover{background-color:#cbae6c;cursor:pointer;}

body .main .content, body .main form{padding:2em;display:none;}
body .main article img{width:100%;margin:1em auto;}
body .main article strong{font-weight:bold;}
body .main article{text-align:jutify;line-height:24px;}
body .main article p{margin:1em 0 1.5em 0;}
body .main article p:first-child{color:#ba933b;}
body .main article ul li{margin-left:2em;}
body .main a{color:#ba933b;text-decoration:none;}
body .main a:hover{color:#cbae6c}
body .main form{border:1px solid #f7e1ad;border-radius:5px;}
body .main form > p{display:none;margin:2em auto;text-align:center;}
body .main form ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
body .main form ul li{display:flex;flex-direction:column;width:45%;}
body .main form ul li.inline{flex-direction:row;align-items:center;}
body .main form ul li input[type="text"],body .main form ul li input[type="email"], body .main form ul li textarea{padding:.5em;border:1px solid #ddd;border-radius:3px;margin-top:.5em;margin-bottom:1.5em;}
body .main form ul li textarea{resize:none;}
body .main form button{display:block;margin:0 auto}
body .main form ul li input[type="text"].notValid,body .main form ul li input[type="email"].notValid{border:1px solid red;}
body .main form ul li input[type="radio"].notValid+label{color:red}

body .noevent{display:flex;width:100%;height:100vh;align-items:center;justify-content:center;flex-direction:column;}
body .noevent img{max-width:400px;}
body .noevent h1{font-size:36px;margin-top:1em;font-weight:500;}
body .noevent h1 span{color: #ba933b}
@media screen and (max-width:670px) {
	body .main .content, body .main form{padding:1em;}
	body .main button{font-size:18px;}
	body .main article{text-align:justify;font-size:18px;}
	body .main form ul li{width:100%}
	body .main form ul li.inline,body .main form ul li:nth-last-child(2){margin-top:.5em;margin-bottom:1.5em;}
	body .noevent img{max-width:80%;}
	body .noevent h1{font-size:25px;}
}