@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700);.SectionContainer{background-color:hsla(0,0%,100%,.75);margin:30px auto;border-radius:5px;max-width:1200px}.SectionContainer .content{padding:5px 10px;max-height:1000px;transition:max-height .5s}.SectionContainer .collapsed{overflow:hidden;max-height:200px}.SectionContainer .title{background-color:grey;color:#fff;margin:0;padding:2px 20px;border-radius:5px 5px 0 0}.SectionContainerWrapper{margin-top:-50px;padding-top:50px}.SectionFooter{align-items:center;background-color:hsla(0,0%,100%,.6);border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:0 -2px 2px -1px rgba(0,0,0,.2);color:#555;cursor:pointer;display:flex;flex:1 1;height:40px;justify-content:center;transition:background-color .25s;z-index:0}.SectionFooter.collapsed{color:green}.SectionFooter.open{color:red}.SectionFooter.collapsed:hover{background-color:rgba(220,255,220,.95)}.SectionFooter.open:hover{background-color:rgba(255,220,220,.95)}.iconWrapper{z-index:100}#Introduction{width:300px}.Gallery{display:flex;flex-wrap:wrap;justify-content:space-around}.Painting{display:flex;flex-direction:column;padding:10px;width:150px;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.Painting .image{align-self:center;width:130px;height:auto}.Painting .label{text-overflow:wrap;text-align:center;padding:5px}.Painting:hover{-webkit-transform:scale(1.025);transform:scale(1.025);cursor:pointer}.Skill{display:flex;flex-direction:row;align-items:center;padding:0 10px;margin:0}.Skill .image{width:20px;height:auto;padding:5px}.Skill .label{padding:5px;font-size:125%}.skillsListWrapper{display:flex;flex-wrap:wrap}.skillsListHeader{margin:2px 0;padding:5px}.PaintingModalBody{display:flex;flex-wrap:wrap;flex-direction:column;padding:5px;align-items:center;max-width:800px}.PaintingModalBody .skillsBox{min-width:200px;padding:5px;width:98%}.PaintingModalBody .appImage{border-radius:5px;height:auto;width:50%}.Button{font-size:125%;margin:0 5px;border-radius:5px;transition:all .25s ease-in-out;min-width:100px}.Button.active{cursor:pointer}.Button.inactive{cursor:not-allowed}.Button .active:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.Spinner{color:#888;margin:40px auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1s linear infinite;animation:load4 1s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}.Spinner.small{font-size:5px}.Spinner.medium{font-size:10px}.Spinner.large{font-size:15px}.Spinner.xlarge{font-size:20px}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.DataError{margin:31.5px;display:flex;align-items:center;justify-content:center}.DataError .button{background-color:red;color:#fff;border-color:#e00}.Logo{color:#aaa;font-size:20px;padding:5px}.Logo .highlight{transition:color 1s ease-in-out;-o-transition:color 1s ease-in-out;-ms-transition:color 1s ease-in-out;-moz-transition:color 1s ease-in-out;-webkit-transition:color 1s ease-in-out}.Logo:hover .highlight{color:#fff}.Link .link-button{font-size:20px;transition:.25s ease;background:transparent;color:#ccc;text-decoration:none;border-bottom:4px solid transparent;padding:6px 0;margin:0 20px}.Link .link-button:hover{color:#fff;border-bottom:2px solid #fff;padding:2px 0}.Menu{color:#fff;display:flex;background-color:#333;padding:10px;margin:0;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;align-items:center;z-index:999}.Menu .links{flex:1 1;display:flex;justify-content:center;flex-wrap:wrap}.AboutMe .links{display:flex;flex-wrap:wrap}.AboutMe .links a{padding:10px 50px}.ContactElement{font-size:125%;margin:5px;padding:5px;display:inline-flex;align-items:center;text-decoration:none;transition:all .25s ease-in-out}.ContactElement:hover{-webkit-transform:scale(1.035);transform:scale(1.035)}.AppModal{background-color:#fff;border-radius:5px;border:1px solid #ccc;box-shadow:-5px 5px 5px rgba(0,0,0,.2);display:flex;height:80%;left:50%;opacity:0;overflow:scroll;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .25s ease-in-out;flex:0 1;flex-direction:column;z-index:100}.AppModal .bodyWrapper,.AppModal .commentsSection{padding:5px}.AppModal .buttonsWrapper{display:flex;align-items:center;justify-content:center;margin:3px;flex:1 1}.AppModal .headerWrapper{background-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px;display:flex;justify-content:space-around;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%}.AppModal .headerWrapper .header{flex:1 1;margin:0;padding:5px}.AppModal .headerWrapper .closer{position:absolute;right:3px;top:3px}.AppModal .headerWrapper .closer .closeIcon{color:#fff;background-color:red;border-color:red;border-style:solid;border-width:1px 2.5px;border-radius:3px;cursor:pointer}.AppModal.visible{opacity:1;flex:1 1}.AppModal.hidden{opacity:0;left:0}div,h1,h2,h3,h4,h5,h6,p,span{font-family:Titillium Web,san-serif}div,p,span{font-size:18px}html{scroll-behavior:smooth}body{padding:0;margin:0;background:url(https://kswd-portfolio.s3-us-west-1.amazonaws.com/main/bg.jpg) no-repeat 50% fixed;background-size:cover}.App .routesWrapper{margin:0 auto;width:95%;min-width:320px;max-width:1200px;padding:5px}.App .blur{padding:5px;-webkit-filter:blur(2px) grayscale(80%);filter:blur(2px) grayscale(80%)}
/*# sourceMappingURL=main.0d519186.chunk.css.map */