@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600&display=swap);
h1,h2,h3,h4,h5{font-family:Saira Condensed,sans-serif;text-transform:uppercase}.tiny-text{font-size:.5em}li,p,span,ul{font-family:Work Sans,sans-serif;font-size:1em}li,ul{font-size:.9rem}.overc{overflow:hidden}h1.banner{color:#fff}div>h1{color:#111}.facebook-link{color:#3350a1;font-size:2em;margin:0 .5em}.twitter-link{color:skyblue;font-size:2em;margin:0 .5em}.instagram-link{color:orange;font-size:2em;margin:0 .5em}.email-link{color:#000;font-size:2em;margin:0 .5em}#itop{height:150px}#gradbg{background-image:linear-gradient(90deg,#1d284b,#3350a1);overflow-x:clip}.whitebg{overflow-x:clip}#intro,.whitebg{background-color:#fff}#intro:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:50px 0 0 100vw;box-sizing:border-box;content:"";height:0;overflow:hidden;position:relative;top:-50px;width:0}.profile_lg{border-radius:50%;max-width:300px;-o-object-fit:cover;object-fit:cover;width:80%}.skillsbg{overflow-x:clip}.skills,.skillsbg{background-color:#444;color:#fff}.skills:before{border-color:transparent transparent #444;border-style:solid;border-width:0 0 40px 100vw;box-sizing:border-box;content:"";height:0;overflow:hidden;position:relative;top:-40px;width:0}.skills *{color:#fff}.projectsbg{overflow-x:clip}.projects,.projectsbg{background-color:#fff;color:#111}.projects:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:40px 0 0 100vw;box-sizing:border-box;content:"";height:0;overflow:hidden;position:relative;top:-40px;width:0}.projects *{color:#111}.icontent{font-size:1.25em}.skillcard{background-color:#111;border-radius:.5rem;color:#fff;filter:drop-shadow(3px 3px 5px #111);height:100%;overflow:hidden;transition:filter .4s ease}.skillcard>.skillcard-header{padding:1.5em 3em;width:100%}.skillcard>.skillcard-body{height:100%;padding:1.5em 3em}.skillcard:focus,.skillcard:hover{filter:drop-shadow(0 0 5px #111)}.skill-blue{background-image:linear-gradient(90deg,#28284b,#5050a1)}.skill-red{background-image:linear-gradient(90deg,#4b2828,#a15050)}.skill-green{background-image:linear-gradient(90deg,#284b28,#50a150)}.project-miatool{background-image:url(/images/miatool_graphic.png?72cee0d60792f7349f7f9d09fb45a0d3);background-size:cover}.project-qbi{background-image:url(/images/qbi_graphic.png?4182d8aa4eb8d4c90ef92d9c68111c1c);background-size:cover}a.projectlink{text-decoration:none!important}.projectcard{border-radius:.5rem;color:#fff;height:100%;overflow:hidden}.projectcard>.projectcard-header{background-image:linear-gradient(90deg,#111,#111,transparent);padding:1.5em 3em;width:100%}.projectcard>.projectcard-header:after{background-image:linear-gradient(90deg,cyan,orange);content:"";display:block;height:3px;position:relative;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:100%}.projectcard>.projectcard-body{background-image:linear-gradient(90deg,#111,#111,transparent);height:100%;padding:1.5em 3em;transform:translateY(100%);transition:transform .2s ease}.projectcard:focus-within .projectcard-header:after,.projectcard:hover .projectcard-header:after{transform:scaleX(1);transition-delay:.2s}.projectcard:focus-within .projectcard-body,.projectcard:hover .projectcard-body{transform:translateY(0)}