@charset "utf-8";body{font-family:Roboto,sans-serif;background:#528197 url(images/pattern.png);width:100%;color:#fff;margin:0;font-weight:300}#vertgrad{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMmMzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTJjM2QiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#0a2c3d 0,rgba(10,44,61,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0a2c3d),color-stop(100%,rgba(10,44,61,0)));background:-webkit-linear-gradient(top,#0a2c3d 0,rgba(10,44,61,0) 100%);background:-o-linear-gradient(top,#0a2c3d 0,rgba(10,44,61,0) 100%);background:-ms-linear-gradient(top,#0a2c3d 0,rgba(10,44,61,0) 100%);background:linear-gradient(to bottom,#0a2c3d 0,rgba(10,44,61,0) 100%);width:100%;height:100%;position:fixed;margin:0;height:100vh;top:0;z-index:-1}#hozgrad{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyODE5NyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzUyODE5NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTI4MTk3IiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjNTI4MTk3IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTI4MTk3IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(left,rgba(82,129,151,0) 0,rgba(82,129,151,.8) 20%,rgba(82,129,151,.95) 50%,rgba(82,129,151,.8) 80%,rgba(82,129,151,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(82,129,151,0)),color-stop(20%,rgba(82,129,151,.8)),color-stop(50%,rgba(82,129,151,.95)),color-stop(80%,rgba(82,129,151,.8)),color-stop(100%,rgba(82,129,151,0)));background:-webkit-linear-gradient(left,rgba(82,129,151,0) 0,rgba(82,129,151,.8) 20%,rgba(82,129,151,.95) 50%,rgba(82,129,151,.8) 80%,rgba(82,129,151,0) 100%);background:-o-linear-gradient(left,rgba(82,129,151,0) 0,rgba(82,129,151,.8) 20%,rgba(82,129,151,.95) 50%,rgba(82,129,151,.8) 80%,rgba(82,129,151,0) 100%);background:-ms-linear-gradient(left,rgba(82,129,151,0) 0,rgba(82,129,151,.8) 20%,rgba(82,129,151,.95) 50%,rgba(82,129,151,.8) 80%,rgba(82,129,151,0) 100%);background:linear-gradient(to right,rgba(82,129,151,0) 0,rgba(82,129,151,.8) 20%,rgba(82,129,151,.95) 50%,rgba(82,129,151,.8) 80%,rgba(82,129,151,0) 100%);width:100%;height:100%;position:fixed;margin:0;height:100vh;top:0;z-index:-2}#header{width:95%;margin-right:5%}h1{text-transform:uppercase;font-size:70px;margin:0;width:100%;text-align:right;text-shadow:1px 1px 6px #0a2c3d;font-weight:100}h2{text-transform:uppercase;font-size:45px;margin:0;text-align:right;text-shadow:1px 1px 6px #0a2c3d;font-weight:100;padding-right:3px}#content,#topmenu{max-width:900px;margin:30px auto;position:relative}.bottomshadow,.shadow::after,.shadow::before,.topshadow{content:"";display:block;width:100%}.shadow::before,.topshadow{-webkit-box-shadow:0 -2px 7px 1px rgba(0,0,0,.75);-moz-box-shadow:0 -2px 7px 1px rgba(0,0,0,.75);box-shadow:0 -2px 7px 1px rgba(0,0,0,.75)}.bottomshadow,.shadow::after{-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.75);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.75);box-shadow:0 2px 7px 1px rgba(0,0,0,.75)}.bottomshadow{margin-bottom:80px}#topmenu ul{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMmMzZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQ1NmQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzYyOGRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzYyOGRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzQ1NmQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTJjM2QiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,rgba(10,44,61,0) 0,#456d82 10%,#628da5 15%,#628da5 85%,#456d82 90%,rgba(10,44,61,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(10,44,61,0)),color-stop(10%,#456d82),color-stop(15%,#628da5),color-stop(85%,#628da5),color-stop(90%,#456d82),color-stop(100%,rgba(10,44,61,0)));background:-webkit-linear-gradient(left,rgba(10,44,61,0) 0,#456d82 10%,#628da5 15%,#628da5 85%,#456d82 90%,rgba(10,44,61,0) 100%);background:-o-linear-gradient(left,rgba(10,44,61,0) 0,#456d82 10%,#628da5 15%,#628da5 85%,#456d82 90%,rgba(10,44,61,0) 100%);background:-ms-linear-gradient(left,rgba(10,44,61,0) 0,#456d82 10%,#628da5 15%,#628da5 85%,#456d82 90%,rgba(10,44,61,0) 100%);background:linear-gradient(to right,rgba(10,44,61,0) 0,#456d82 10%,#628da5 15%,#628da5 85%,#456d82 90%,rgba(10,44,61,0) 100%);text-align:center;padding:0;box-sizing:border-box;width:100%}#topmenu ul li{background:rgba(10,44,61,0);display:inline-block;vertical-align:middle;position:relative;padding:5px 0;width:22.5%}#topmenu ul li.selected,#topmenu ul li:hover{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyOGRhNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2IxYzZkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2IxYzZkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjhkYTUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,rgba(98,141,165,0) 0,#b1c6d2 20%,#fff 40%,#fff 60%,#b1c6d2 80%,rgba(98,141,165,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(98,141,165,0)),color-stop(20%,#b1c6d2),color-stop(40%,#fff),color-stop(60%,#fff),color-stop(80%,#b1c6d2),color-stop(100%,rgba(98,141,165,0)));background:-webkit-linear-gradient(left,rgba(98,141,165,0) 0,#b1c6d2 20%,#fff 40%,#fff 60%,#b1c6d2 80%,rgba(98,141,165,0) 100%);background:-o-linear-gradient(left,rgba(98,141,165,0) 0,#b1c6d2 20%,#fff 40%,#fff 60%,#b1c6d2 80%,rgba(98,141,165,0) 100%);background:-ms-linear-gradient(left,rgba(98,141,165,0) 0,#b1c6d2 20%,#fff 40%,#fff 60%,#b1c6d2 80%,rgba(98,141,165,0) 100%);background:linear-gradient(to right,rgba(98,141,165,0) 0,#b1c6d2 20%,#fff 40%,#fff 60%,#b1c6d2 80%,rgba(98,141,165,0) 100%)}a{color:#fff;text-decoration:none;font-weight:400}#topmenu a{text-transform:uppercase;transition:.5s;-webkit-transition:.5s}#topmenu ul li.selected a,#topmenu ul li:hover a{color:#0a2c3d}label{display:block;margin-top:20px;letter-spacing:2px}input,textarea{width:439px;height:27px;background:#efefef;border:1px solid #dedede;padding-left:10px;margin-top:3px;font-size:.9em;color:#3a3a3a;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-family:Roboto,sans-serif}textarea{height:118px;padding-top:5px}input:focus,textarea:focus{-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.75);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,.75);box-shadow:0 0 10px 1px rgba(0,0,0,.75)}#submit{width:127px;height:38px;border:none;margin-top:20px;cursor:pointer;display:block;color:#0a2c3d}#submit:hover{opacity:.9}.message{margin-top:20px;color:#0a2c3d;font-weight:400;background:#efefef;padding:5px 10px;width:432px;height:28px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;line-height:28px}.message.success{background:rgba(0,255,0,.2);color:#fff}.message.failure{background:rgba(255,0,0,.5);color:#fff}.section{width:100%;transition:.5s;-webkit-transition:.5s;position:relative;overflow:hidden;cursor:pointer}.section .picture{width:100%;height:250px;transition:.5s;-webkit-transition:.5s;position:relative}.section .picture div{min-width:100%;min-height:100%;opacity:0;transition:.5s;-webkit-transition:.5s;position:absolute;background-position:center top;background-size:cover}.section .title{text-transform:uppercase;transition:.5s;-webkit-transition:.5s;background:#0a2c3d;position:relative;min-height:50px;line-height:50px;font-size:20px;font-weight:400;width:100%}.section .title h4{margin:0;padding:0 5%;font-size:24px;font-weight:300}.section .info{padding:0 5% 5%;position:relative;background:#0a2c3d;width:90%;display:none;overflow:auto}.section .info div{float:left;position:relative;padding:20px 0 0 50px;box-sizing:border-box}.section .info .para{font-size:12px;max-width:300px;padding-left:0;border-top:1px solid #fff;height:229px}.section .info .skills{max-width:150px}.section .info .skills ul{list-style:none;padding-left:0}.section .info h4{margin:0}.section .info .link{clear:left;padding:0}.section .info .link a{word-wrap:break-word;padding:10px 20px;background-color:#456d82;transition:all .3s}.section .info .link a:hover{color:#0a2c3d;background:#fff}.section .info .pics{max-width:360px}.section .info .pics div{width:70px;height:70px;border:2px solid #528197;background:#0a2c3d;padding:0;transition:.5s;-webkit-transition:.5s;margin:10px;background-size:cover}.section .info .pics div.selected,.section .info .pics div:hover{border:2px solid #fff;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.75);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,.75);box-shadow:0 0 10px 1px rgba(0,0,0,.75)}.section.selected .picture{height:500px}.section .picture div.selected{opacity:1}.section a:hover{text-decoration:underline}.skillset{position:relative;float:left;padding-right:50px}.skillset div{line-height:40px;position:relative;float:left}.skillset .listelement{clear:left}.skillset .image{padding-right:10px}.blurb{width:456px;float:left;position:relative;padding-right:50px}.slider{width:390px;height:390px;float:left;position:relative;border:2px solid #fff}.box{width:126px;height:126px;border:2px solid #fff;position:absolute;transition:.5s;-webkit-transition:.5s;background-image:url(images/myface.png);background-repeat:no-repeat}.box1{background-position:0 0}.box2{background-position:-130px 0}.box3{opacity:0;background-position:-260px 0;z-index:-1}.box4{background-position:0 -130px}.box5{background-position:-130px -130px}.box6{background-position:-260px -130px}.box7{background-position:0 -260px}.box8{background-position:-130px -260px}.box9{background-position:-260px -260px}.solved{opacity:1;border:0 solid #fff;width:130px;height:130px}.pos1{top:0;left:0}.pos2{top:0;left:130px}.pos3{top:0;left:260px}.pos4{top:130px;left:0}.pos5{top:130px;left:130px}.pos6{top:130px;left:260px}.pos7{top:260px;left:0}.pos8{top:260px;left:130px}.pos9{top:260px;left:260px}.ranbut,.solbut{clear:left;float:right;position:relative;cursor:pointer;padding:5px 10px;background:#0a2c3d;margin:20px;transition:.5s;-webkit-transition:.5s}.ranbut:hover,.solbut:hover{background:#fff;color:#0a2c3d}.selectable{cursor:pointer;z-index:10}@media screen and (max-width:900px){h1{font-size:60px}h2{font-size:39px}#content{margin:30px 5%}.blurb{width:100%;padding-right:0}.ranbut,.solbut{float:left}.ranbut{clear:none}.picture div{background-size:cover}.section .picture{height:250px;position:relative}.section.selected{height:auto}.section .info,.section .title{position:relative;top:0;opacity:1}.section .info .para,.section .info .skills{height:auto}.section .info .link,.section .info .pics{padding:20px 0;clear:left;float:none;display:inline-block}}@media screen and (max-width:770px){h1{font-size:50px}h2{font-size:32.5px}}@media screen and (max-width:640px){h1{font-size:45px}h2{font-size:29.75px}}@media screen and (max-width:593px){.section .info .skills{padding-left:0;clear:left;float:none}.section .info .para{max-width:100%}}@media screen and (max-width:500px){input,textarea{width:97%}}@media screen and (max-width:465px){h2{font-size:25px}}@media screen and (max-width:437px){.slider{width:282px;height:282px;border:3px solid #fff}.box{width:90px;height:90px;background-size:282px 282px}.box2{background-position:-94px 0}.box3{background-position:-188px 0}.box4{background-position:0 -94px}.box5{background-position:-94px -94px}.box6{background-position:-188px -94px}.box7{background-position:0 -188px}.box8{background-position:-94px -188px}.box9{background-position:-188px -188px}.pos2{top:0;left:94px}.pos3{top:0;left:188px}.pos4{top:94px;left:0}.pos5{top:94px;left:94px}.pos6{top:94px;left:188px}.pos7{top:188px;left:0}.pos8{top:188px;left:94px}.pos9{top:188px;left:188px}.solved{width:94px;height:94px}}@media screen and (max-width:360px){h2{font-size:22px}}