body{background-color:#ccb495;color:#27221c}iframe{border:solid thin transparent}.wrapper{margin:0;padding:1% 2.5%;width:100%}.header,.links{margin:0;padding:0}.header{background-color:#003b46;color:#eaeaea}.header a{display:block;text-decoration:none}.header :link,.header :visited,.header :hover,.header :active{color:#eaeaea}.header .profile-image{border-radius:50%;display:block;float:left;max-width:80px;padding:7.5% 2.5%;width:10%}.header .profile-title{display:block;float:left;padding:2.5%;padding-left:0%}.header .profile-title h1,.header .profile-title h2{font-weight:400;font-family:monospace;font-variant:small-caps;letter-spacing:.125em}.header .profile-title h1{font-size:1.6em;line-height:.625}.header .profile-title h2{font-size:1.3333em;line-height:.75}.header .profile-title h1 a,.header .profile-title h1 a:link,.header .profile-title h1 a:visited,.header .profile-title h1 a:hover,.header .profile-title h1 a:active{color:#faf0f0}.header .profile-title h2 a,.header .profile-title h2 a:link,.header .profile-title h2 a:visited,.header .profile-title h2 a:hover,.header .profile-title h2 a:active{color:#66a5ad}.links{background-color:#3b3b3b;color:#eaeaea;padding:0 0 1% 10%;width:90%}.links .alink{color:#eaeaea;display:block;font-family:sans-serif;list-style-type:none}.links .alink a{background-position:left center;background-repeat:no-repeat;color:#eaeaea;line-height:2;padding:.5em 1.5em;text-decoration:none}.links .alink a:link,.links .alink a:visited,.links .alink a:hover,.links .alink a:active{color:#eaeaea}.links .alink a.home{background-image:url(/img/icon/home.svg)}.links .alink a.blog{background-image:url(/img/icon/blog.svg)}.links .alink a.email{background-image:url(/img/icon/email.svg)}.links .alink a.github{background-image:url(/img/icon/github.svg)}.links .alink a.stackoverflow{background-image:url(/img/icon/stackoverflow.svg)}.links .alink a.twitter{background-image:url(/img/icon/twitter.svg)}.footer{background-color:#ccb495;border-bottom:5em solid #ccb495;color:#27221c}.footer a{font-variant:small-caps;text-decoration:none}.footer a,.footer a:link,.footer a:visited,.footer a:hover,.footer a:active{color:#27221c}.footer li{display:block;float:left;padding-right:2em;list-style-type:none}.content .page{background-color:#faf0f0;color:#202020;margin:2.5%;padding:2.5%}.myip-frame,.contact-form-frame{margin:0 auto;width:95%}.contact-form-frame{min-height:75vh}.contact-form{display:block;margin:0 auto;width:90%}.contact-form{font-family:sans-serif}.contact-form fieldset[name=hidden]{display:none}.contact-form fieldset{border:none}.contact-form label,.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{display:block;width:90%}.contact-form label,.contact-form input[type=email],.contact-form input[type=text]{padding:.5em 0}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{border:none;border-bottom:solid thin #204090}.contact-form fieldset[name=fields] legend{font-weight:700;margin-left:-2em}.error-holder{color:#222;background:#eee;font-family:sans-serif;font-size:2em;margin:10% auto;width:90%}.error-message{padding:5%}.note{font-family:sans-serif;font-size:smaller;font-variant:small-caps;margin-left:5%}@media screen and (min-width:800px){.wrapper{margin:0;padding:0}.header,.links{width:35%}.header{height:35vh}.links{min-height:65vh;padding:0}.links ul{margin:0 auto;margin-top:25%;width:35%}.header .profile-image{float:none;margin:0 auto;width:200px}.header .profile-title{float:none;text-align:center}.content{background-image:url(/img/loc-le-monastere-de-st-honorat.jpg);background-size:cover;display:block;position:absolute;left:35%;top:0;min-height:100vh;width:65%}}@media print{}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}