body *{font-family:'Roboto', sans-serif;}body{margin:0;background:#fcfcfc;}p,a,a:link,a:visited{text-decoration:none;}input[type="button"]{cursor:pointer;color:#06224f;}header{position:fixed;top:0;width:100%;}footer,header{background:#09367f;background:-webkit-linear-gradient(#0c4aaf,#09367f);padding:10px 0;align-items:center;box-shadow:0 0 5px #000;}header,footer #top{justify-content:space-between;display:flex;}footer #bottom{display:none;}footer table{margin:1em auto 0;width:50%;}footer table td a{color:#fff;}footer #bottom ul{padding:0;}footer #bottom ul li{color:#fff;list-style:none;}footer #bottom ul li a{color:#fff;}footer{position:fixed;bottom:0;width:100%;}header p{display:block;color:#fff;margin:0;}header input{border:none;background:white;border-radius:3px;padding:8px;}header #profile{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}header #profileImg{width:45px;height:45px;border-radius:50%;margin-left:20px;}main{display:none;}main h1{text-align:center;margin:110px 0 0;color:#020e20;}footer input{max-width:300px;background:none;border:none;border-bottom:1px solid #fff;color:#fff;font-size:18px;padding:4px 6px;display:none;}header #profile,header input,footer #top,footer #bottom{margin:0 20px;}footer img{margin-left:25px;height:30px;display:none;}footer #bottom #contact{display:none;}footer #bottom #contact p,footer #bottom #contact a{display:block;color:#fff;}input::-webkit-input-placeholder{color:#eee !important;}form#website{display:none;}form#website #status{border:1px dashed #222;height:1em;padding:8px 8px 12px;}form#website .box label{width:90%;}form#website .box input{width:10%;}form#website label{align-self:center;}form#website input[type="checkbox"]{transform:scale(2);display:inline-block;width:12px;margin-right:10px;align-self:center;}main section,main ul{margin:45px auto;padding:0;text-align:center;max-width:900px;display:flex;justify-content:space-between;flex-wrap:wrap;}main section{margin:0px auto;display:none;}main section h2{text-align:left;margin:0 0 1em;}main section li{list-style:none;display:block;text-align:left;margin:0 0 1em;}main section li name,main section li date{display:inline;color:#555;}main section li name:before{content:"fra ";}main section li p{display:block;color:#111;margin:0.5em 0 2em;}main ul li{list-style:none;display:inline-block;margin-bottom:10px;width:32.6%;}main ul li a{display:block;background:#09367f;padding:20px 10px;color:#fff;font-size:18px;box-sizing:border-box;}main ul li a:focus,main ul li a:hover{background:#06224f;}main ul li a:active{background:#020e20;}main ul li:last-child{margin-bottom:4em;}form{display:none;margin:95px auto;max-width:600px;}form input,form label{display:block;}label{margin-bottom:5px;}form input{border-radius:3px;border:1px solid #bbb;padding:8px 10px;margin-bottom:20px;width:100%;box-sizing:border-box;}form #profileImg{margin:0 auto 45px;text-align:center;width:300px;}form #profileImg img{width:100%;border-radius:5%;transition:all 0.25s ease-in-out;box-sizing:border-box;cursor:pointer;}form #profileImg img:active,form #profileImg img:hover{filter:opacity(0.8);padding:5px;border:3px solid #000;}form #submit:hover,form #submit:active{background:#09367f;color:#fff;cursor:pointer;}form #uploadBox{display:none;}form .loader{border:16px solid #f3f3f3;border-top:16px solid #9348af;border-radius:50%;width:120px;height:120px;animation:spin 0.75s linear infinite;display:none;margin:98px auto;}.ui-widget-header{background:linear-gradient(#0c4aaf,#09367f);}.ui-dialog .ui-dialog .ui-dialog-buttonpane button{width:100%;}#dialog td,#dialog th,#dialog p,#dialog li{font-size:0.8em;}#dialog table,#dialog p{margin:0 0 0.5em;}#dialog button{width:100%;}#dialog table{width:100%;border-collapse:collapse;}#dialog table td,#dialog table th{text-align:left;border:1px solid #333;padding:3px 4px;}#dialog table.invalids tr td:first-child{text-align:center;width:40px;}#dialog table.invalids tr td:last-child{text-align:center;width:20px;}.width{width:100%;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media only screen and (max-device-width: 480px){footer input{width:100%;}main h1{margin:85px 0 0;}main ul{margin:20px;display:block;}main ul li{width:100%;display:block;}main ul li a{width:100%;}form{margin:95px 30px;}footer table{margin:1em 0 0;width:100%;}footer table tr td:nth-child(2){display:none;}footer table tr td:last-child{text-align:right;}}