*{-webkit-box-sizing:border-box;box-sizing:border-box}#wrapper,body,html{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:100%;height:100%;margin:0}body{color:#180818;font-family:Raleway,sans-serif;font-size:18pt;text-align:center}::-moz-selection{background:#d95678;color:#faf8fa}::selection{background:#d95678;color:#faf8fa}h1,h2,h3,h4,h5,h6{font-weight:900;text-transform:uppercase;border-bottom:4px solid #180818;display:inline-block;font-size:20pt}h1{font-size:30pt}h2{font-size:24pt}.header-text{display:block;font-weight:700;margin:10px 0}#wrapper small{font-size:16pt;font-weight:700}#wrapper b,#wrapper strong{font-weight:700}#wrapper strong{text-decoration:underline}#wrapper em,#wrapper mark{background-color:#814e81;color:#faf8fa}#wrapper a,#wrapper a:link,#wrapper a:visited{color:#cf2c56}#wrapper a:active,#wrapper a:hover{color:#d95678;font-weight:700}.skill{margin-right:5px;margin-bottom:10px}#modal .link,.skill{display:inline-block;color:#622261;font-size:16pt;padding:5px 20px;border:2px solid #cf2c56;border-radius:25px;line-height:38px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;text-transform:uppercase}#menu{z-index:1;position:fixed;top:0;left:0;width:100%;color:#faf8fa;padding:0}#menu a{color:#faf8fa;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:20px}#menu h1,#menu h2,#menu h3,#menu h4,#menu h5,#menu h6{border:0;color:#faf8fa;margin:0}#menu ul{display:none;list-style-type:none;background-color:#cf2c56;padding:0;margin:0;border-bottom:4px solid #9b2141;overflow:hidden}#menu ul a{display:block;padding:20px;border-bottom:1px solid #d95678;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-weight:400}#menu ul a:active,#menu ul a:hover{background-color:#faf8fa;color:#0c1729;font-weight:700}#menu ul .active:active,#menu ul .active:hover,#menu ul .active:link,#menu ul .active:visited{border-top:1px solid #cf2c56;border-bottom:1px solid #cf2c56;color:#340b16;text-shadow:.5px .5px 1px #cf2c56;background-color:#9b2141;font-weight:900;cursor:default}#menu .toggle{background-color:#4a1a49;width:80px;height:40px;margin:auto;border:4px solid #9b2141;border-top:0;border-radius:0 0 40px 40px;cursor:pointer;margin-top:-4px}#menu header{-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#4a1a49;padding:0;margin:0;height:80px;line-height:80px;border-bottom:4px solid #9b2141;overflow:hidden}#wrapper section{padding:50px;border-bottom:1px solid #fff;min-height:100%;background-color:#faf8fa}#wrapper section>.section-wrapper{margin:auto;max-width:960px;width:100%}#wrapper section:nth-of-type(even){background-color:#e6dce6}#wrapper section p{text-align:justify}#wrapper .header{overflow:hidden;background-color:#4a1a49;background-image:-webkit-radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),url(../images/header-bg.png);background-image:-o-radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),url(../images/header-bg.png);background-image:radial-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),url(../images/header-bg.png);background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#faf8fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}#wrapper .header h1,#wrapper .header h2,#wrapper .header h3,#wrapper .header h4,#wrapper .header h5,#wrapper .header h6{border-bottom:none;display:block}#wrapper .header .photo{width:100%;min-width:50px;min-height:50px;max-width:250px;max-height:250px;border:6px solid #5b7cb8;border-radius:100%;padding:10px;background-color:#4a1a49;margin-top:50px}#wrapper .header .full-name{margin-top:10px;margin-bottom:0}#wrapper .header .occupation{color:#5b7cb8}#projects .showbox-list{padding:0}#projects .showbox-list li{width:180px;height:180px;display:inline-block;margin:10px;background-color:#622261;border:1px solid #9b2141;text-decoration:none}#projects .showbox-list li:active,#projects .showbox-list li:hover{-webkit-box-shadow:0 0 5px #622261;box-shadow:0 0 5px #622261;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}#projects .showbox-list img{width:100%;height:100%}#projects .showbox-list a,#projects .showbox-list a:active,#projects .showbox-list a:hover,#projects .showbox-list a:link,#projects .showbox-list a:visited{width:100%;height:100%}.sliderbox{max-width:600px;border:2px solid #222;margin:0;margin-bottom:15px}.sliderbox>.preview{width:100%;background-color:#222;min-height:300px;color:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:16px;position:relative;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sliderbox>.preview>img{display:block;position:absolute;max-height:100%;opacity:0;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.sliderbox>.slides{width:100%;height:143px;text-decoration:none;overflow-x:scroll;overflow-y:hidden;padding:0;border-top:2px solid #222;margin:0;padding:10px;background-color:#444;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.sliderbox>.slides .active{border:3px solid #3fb1dc}.sliderbox>.slides>li{display:inline-block;width:100px;height:100px;margin-right:10px;border:1px solid #222;-webkit-box-sizing:border-box;box-sizing:border-box}.sliderbox>.slides a,.sliderbox>.slides a:active,.sliderbox>.slides a:hover,.sliderbox>.slides a:link,.sliderbox>.slides a:visited{text-decoration:none;display:block;width:100%;height:100%}.sliderbox>.slides img{width:100%;height:100%}#contact button,#contact input,#contact select,#contact textarea{width:100%;display:block;margin-bottom:10px;font-size:18pt;color:#180818;background-color:#faf8fa;border:1px solid #814e81;text-align:left;border-radius:25px;min-width:100%;max-width:100%;height:50px;padding:5px 25px;outline:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}select::-ms-expand{display:none}#contact button:focus,#contact input:focus,#contact select:focus,#contact textarea:focus{border:1px solid #325ba6;-webkit-box-shadow:0 0 5px #5b7cb8;box-shadow:0 0 5px #5b7cb8}#contact select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATJJREFUeNpijJdxt7Vk/bWbmYGBnYEE8JeB4efx32yuLCYsv1ef/s3K/vwfMyn6GSSZ/rIbs/xex8QINIyb8T8DqQCkh4mB4RcTO+P/aE2WP3/5Gf8RrRmkFqQHqDebKeXevgNA+3tMWH//ZWUg7BKQGpBakB6g3g2M//9DNE1TdL7w9j+j/onfbHgNsGD9xSDM+P9i1v29BiA+E0yCjfG/gwjT/48qzH9wagbJgdSA1MLE4AYAnfMB6DwHXZY/DNjCQ4TpHwNIDqQGpBbDAKghF378Z8y2Y/v1Dzk8QGxgWvkHkgOpQdYDDwNkMEXRedOX/4y+h6Hh4cz28y+QtS3n/l4/dLUs2PzKwfg/jpmR4bwb209GYPLiALK/A10Rh00tVhfAwBwlpwSo1xbgUgMQYADL+3trhuPE7wAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right 20px center;color:#777;cursor:pointer}select{outline:0;overflow:hidden;text-indent:.01px;text-overflow:'';-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}#contact select>option{display:block;color:#180818;padding:5px 25px;border:1px solid #814e81}#contact select>option:disabled{color:#777}#contact button{text-align:center;background-color:#325ba6;color:#faf8fa;border:1px solid #26447d;cursor:pointer}#contact textarea{min-height:300px;padding:25px;overflow:auto}#contact .alert-box{text-align:left;font-size:16pt;padding:10px 0;border-radius:25px;margin-bottom:25px;opacity:0;visibility:hidden;-webkit-transition:opacity .6s ease,visibility .6s ease;-o-transition:opacity .6s ease,visibility .6s ease;transition:opacity .6s ease,visibility .6s ease}#contact .alert-box>.hide{float:right;margin-right:15px}#contact .error{border:1px solid #d95678;background-color:#f7dde4;color:#d95678;-webkit-box-shadow:0 0 10px #9b2141;box-shadow:0 0 10px #9b2141}#contact .error>.hide>a:active,#contact .error>.hide>a:hover,#contact .error>.hide>a:link,#contact .error>.hide>a:visited{color:#d95678}#contact .success{border:1px solid #5b7cb8;background-color:#dee5f1;color:#5b7cb8;-webkit-box-shadow:0 0 10px #5b7cb8;box-shadow:0 0 10px #5b7cb8}#contact .success>.hide>a:active,#contact .success>.hide>a:hover,#contact .success>.hide>a:link,#contact .success>.hide>a:visited{color:#5b7cb8}#wrapper footer{background-color:#4a1a49;color:#faf8fa;padding:30px 10px 10px 10px;border-top:4px solid #9b2141}#wrapper footer .social-media a{display:inline-block;border-radius:20px;width:55px;height:55px;line-height:55px;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:.5px .5px 1px #814e81;box-shadow:.5px .5px 1px #814e81;text-shadow:.5px .5px 1px #814e81}#wrapper footer .social-media a>i{font-size:30pt;vertical-align:middle}#wrapper footer .social-media a:link,#wrapper footer .social-media a:visited{color:#180818;border:3px solid #180818;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#wrapper footer .social-media a:active,#wrapper footer .social-media a:hover{color:#faf8fa;border:3px solid #cf2c56;-webkit-box-shadow:1px 1px 2px #180818;box-shadow:1px 1px 2px #180818;text-shadow:2px 2px 3px #180818}#wrapper footer .credit{color:#814e81;font-size:10pt;padding:10px}#wrapper footer .credit p{margin:0}#wrapper footer .credit a,#wrapper footer .credit a:link,#wrapper footer .credit a:visited{color:#814e81;text-decoration:none;-webkit-transition:color 1s;-o-transition:color 1s;transition:color 1s}#wrapper footer .credit a:active,#wrapper footer .credit a:hover{color:#e6dce6}#modal{background-color:#9b2141;width:100%;height:100%;position:fixed;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;visibility:hidden;z-index:-1;-webkit-transition:opacity .6s,visibility .6s,z-index .6s;-o-transition:opacity .6s,visibility .6s,z-index .6s;transition:opacity .6s,visibility .6s,z-index .6s}#modal h1,#modal h2,#modal h3,#modal h4,#modal h5,#modal h6{font-weight:900;text-transform:uppercase;border-bottom:none;display:block;font-size:14pt;margin:5px 0}#modal .overview{text-align:justify;text-justify:inter-word}#modal .link,#modal .skill{display:inline-block;color:#622261;font-size:10pt;padding:5px 20px;height:30px;border:2px solid #cf2c56;border-radius:15px;line-height:18px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;text-transform:uppercase;margin-right:5px;margin-bottom:5px}#modal .link:active,#modal .link:hover,#modal .link:link,#modal .link:visited{text-decoration:none;color:#622261}#modal>.box{border:2px solid #0c1729;font-size:16pt;font-family:Arial,Helvetica,sans-serif;border-radius:3px;max-width:600px;-webkit-box-shadow:0 0 10px 2px #cf2c56;box-shadow:0 0 10px 2px #cf2c56;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;background-color:#f7dde4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}#modal>.box>.header{border-bottom:2px solid #0c1729;color:#dee5f1;padding:10px;background-color:#4a1a49}#modal>.box>.content,#modal>.box>.footer{padding:10px}#modal>.box>.content{color:#0c1729;overflow:auto;height:100%;text-align:left}#modal>.box>.content img{max-width:100%}#modal>.box>.footer{border-top:2px solid #0c1729;color:#dee5f1;font-size:14pt;text-align:center;background-color:#4a1a49}#modal>.box>.footer i,#modal>.box>.footer span{vertical-align:middle}#modal>.box>.footer a{-webkit-transition:color .6s ease;-o-transition:color .6s ease;transition:color .6s ease}#modal>.box>.footer a:link,#modal>.box>.footer a:visited{vertical-align:middle;color:#dee5f1;text-decoration:none}#modal>.box>.footer a:active,#modal>.box>.footer a:hover{color:#fff;font-weight:700}@media screen and (max-width:640px){#wrapper section{padding:50px 20px 20px 20px}#menu h1,#wrapper .header .full-name{font-size:24pt}#wrapper .header .photo{max-width:150px;max-height:150px;}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.sliderbox>.preview>img{position:static;}}