body{position:relative;margin:auto;background-color:#f3f4ed}.topAside{font-family:'Oswald', sans-serif;background:#808080;background-repeat:no-repeat;background-position:top;background-size:cover;position:relative;bottom:0;top:0;border-radius:0;margin:0 auto;height:100vh;overflow:hidden;color:#fff}.topAside .skills-bars{position:absolute;left:20px}.topAside .skills-bars .title{margin-top:15px;text-align:left;color:#fff}.topAside .skills-bars .title header{color:#fff;font-size:25px}.topAside .skills-bars .title p{font-size:14px}.topAside .skills-bars .skill-bar-container{color:#fff}.topAside .skills-bars .skill-bar-container dd{margin-bottom:2px}.topAside .skills-bars .skill-bar-container .skill-name{width:110px;font-size:14px;display:inline-block;left:25px;line-height:17px;height:17px;vertical-align:top}.topAside .skills-bars .skill-bar-container .skill-name dd{height:17px}.topAside .skills-bars .skill-bar-container .skill-bar-wrap{width:150px;display:inline-block;border-radius:20px;height:17px;background:#fff}.topAside .skills-bars .skill-bar-container .skill-bar-wrap .skill-bar{border-radius:20px;padding:1px}.topAside .skills-bars .skill-bar-container .skill-bar-wrap .skill-bar span{display:block;color:#fff;height:15px;background:#808080;border-radius:20px;-webkit-animation:animateSkillBar .5s;animation:animateSkillBar .5s}.topAside .scroll-arrow{position:absolute;right:50px;bottom:100px}.topAside .scroll-arrow:hover{opacity:.5}.topAside .scroll-arrow .arrow-container{position:relative}.topAside .scroll-arrow a{position:absolute;top:0;right:20px;width:24px;height:24px;border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg);-webkit-animation:arrowAnimation 2.5s infinite;animation:arrowAnimation 2.5s infinite;-webkit-box-sizing:border-box;box-sizing:border-box}.welcome-container{text-align:center;position:absolute;top:54%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.welcome-container p{width:100%;color:#fff;text-align:center;margin:0 auto}.welcome-container i,.welcome-container span{opacity:0;font-size:50px;font-weight:600}.linkIcons{margin:0;padding:0;position:fixed;right:0;bottom:10%;z-index:2;text-align:right}.linkIcons ul{position:relative;width:auto;color:#fff;list-style:none;list-style-type:none;padding:0;margin:0;text-align:right}.linkIcons li{border-radius:10px 0 0 10px;-webkit-animation:animateRightIcons .5s;animation:animateRightIcons .5s;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;text-align:left;margin:0 0 5px 0;right:0;padding:0 10px}.linkIcons li:first-child{-webkit-animation-delay:0s;animation-delay:0s}.linkIcons li:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.linkIcons li:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.linkIcons li:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.linkIcons li a{color:#808080;text-decoration:none}.linkIcons li a i{color:#fff;font-size:18px}.linkIcons li:hover{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.linkIcons li:hover a{opacity:0.8}.navbar{background:#808080;text-align:right;padding:0.5em 0}.navbar.navbar-light .navbar-toggler{border:none;background:none}.navbar-nav{font:500 20px 'Oswald', sans-serif;position:relative;border:none;overflow:hidden;border-radius:0;text-align:right;width:100%;display:inline-block!important}.navbar-nav a{font-size:16px;font-weight:500;color:#fff;text-transform:uppercase;text-decoration:underline;display:inline-block;margin-left:5px}.navbar-nav a:hover{opacity:0.9;text-decoration:none}@media screen and (max-width:992px){.navbar-nav a{display:block}}.mainContent{display:inline-block;margin:0 auto;width:100%}.mainContent .detailHead{margin:20px 0 15px;padding:10px 0 10px 30px;height:36px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:none;-webkit-border-radius:12px;border-radius:12px;font:500 30px 'Oswald', sans-serif;color:#ffffff;-o-text-overflow:clip;text-overflow:clip;background:#808080;-webkit-box-shadow:4px 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:4px 2px 2px 0 rgba(0, 0, 0, 0.2);text-shadow:3px -1px 0 rgba(15, 73, 168, 0.66)}.mainContent .detailContent{font:400 18px 'Oswald', sans-serif;position:relative;-webkit-box-shadow:0 2px 2px 0;box-shadow:0 2px 2px 0;width:100%;padding:15px 0 20px 20px;overflow:hidden;border-radius:10px;color:#808080}.footer{position:relative;margin-top:30px;padding:1px;background-color:#808080;text-align:left}.footer p{margin:20px auto 20px 20px;color:#fff}.footer p i{color:#cc211e}#contact{width:100%;height:100vh;background-color:#808080;overflow:hidden;padding:0 0 50px}.section-header{text-align:center;margin:0 auto;padding-top:50px;margin-bottom:40px;font:600 60px 'Oswald', sans-serif;letter-spacing:6px;color:#fff;margin-bottom:25px}.contact-wrapper{margin:0 auto!important;padding-top:20px;position:relative;max-width:800px}.form-horizontal{max-width:400px;margin:0 auto;font-family:'Lato';font-weight:400;text-align:left;padding:0}.form-horizontal .col-sm-12{padding:0;margin:0 auto}.form-horizontal input,.form-horizontal textarea{font:300 16px 'Lato', sans-serif}.form-control,textarea{max-width:400px;background-color:#808080;color:#fff;letter-spacing:1px}.send-button{margin-top:15px;height:34px;width:100%;overflow:hidden;background:#222222;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0;border:none;border:2px solid #222222}.send-button i{color:#fff;line-height:34px;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}.send-button:hover{background:transparent}.send-button:hover i{color:#222222}.send-text{margin-top:10px;line-height:34px;font:300 14px 'Lato', sans-serif;letter-spacing:2px;color:#fff;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;display:none}.direct-contact-container{max-width:400px;margin-top:100px}.contact-list{list-style-type:none;margin-left:-30px;padding-right:20px}.list-item{line-height:4;color:#aaa}.contact-text{font:300 18px 'Lato', sans-serif;letter-spacing:1.9px;color:#bbb}.place{margin-left:62px}.phone{margin-left:56px}.gmail{margin-left:53px}.contact-text a{color:#bbb;text-decoration:none;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s}.contact-text a:hover{color:#fff;text-decoration:none}.social-media-list{position:relative;font-size:2.3rem;text-align:center;width:100%;list-style:none;padding:0;margin:0 auto 20px}.social-media-list ul{padding-left:0}.social-media-list li a{color:#fff}.social-media-list li{position:relative;top:0;display:inline-block;height:70px;width:70px;margin:10px auto;line-height:70px;border-radius:50%;color:#111;background-color:#fff;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.social-media-list li a{color:#111}.social-media-list li:after{content:'';position:absolute;pointer-events:none;top:0;left:0;width:70px;height:70px;line-height:70px;border-radius:50%;opacity:0;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.social-media-list li:hover{background-color:#fff}.social-media-list li:hover:after{opacity:1;-webkit-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12);-webkit-transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);-o-transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65)}.social-media-list li a{color:#111!important}.social-media-list li:hover a{opacity:0.8}.copyright{font:200 14px 'Oswald', sans-serif;color:#555;letter-spacing:1px;text-align:center}hr{border-color:rgba(255, 255, 255, 0.8)}@media screen and (max-width:760px){#contact{height:1000px}.section-header{font-size:65px}.direct-contact-container,.form-horizontal{margin:10px auto}.direct-contact-container{margin-top:60px;max-width:300px}.social-media-list li{height:60px;width:60px;line-height:60px}.social-media-list li:after{width:60px;height:60px;line-height:60px}}@media screen and (max-width:569px){#contact{height:1200px;width:320px;padding:0 10px;margin:0 auto}.section-header{font-size:50px}.direct-contact-container,.form-wrapper{margin:0 auto}.form-control,textarea{width:100%;margin:0 auto}.email,.name,textarea{width:100%}.direct-contact-container{max-width:280px;margin:60px auto 0}.social-media-list li{height:55px;width:55px;line-height:55px;font-size:2rem}.social-media-list li:after{width:55px;height:55px;line-height:55px}.button{width:100%}}@-webkit-keyframes arrowAnimation{0%{-webkit-transform:rotateY(0) rotateZ(-45deg) translate(0, 0);transform:rotateY(0) rotateZ(-45deg) translate(0, 0);opacity:0}50%{opacity:1}to{-webkit-transform:rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);transform:rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);opacity:0}}@keyframes arrowAnimation{0%{-webkit-transform:rotateY(0) rotateZ(-45deg) translate(0, 0);transform:rotateY(0) rotateZ(-45deg) translate(0, 0);opacity:0}50%{opacity:1}to{-webkit-transform:rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);transform:rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);opacity:0}}@-webkit-keyframes animateSkillBar{0%{width:0%}to{width:100%}}@keyframes animateSkillBar{0%{width:0%}to{width:100%}}@-webkit-keyframes animateRightIcons{0%{opacity:0}to{opacity:0.6}}@keyframes animateRightIcons{0%{opacity:0}to{opacity:0.6}}