.cube{width:auto;height:auto;position:absolute;bottom:-5%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1000px);transform:perspective(1000px);-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transition:.5s;transition:.5s}.cube:first-child{left:8%;-webkit-animation-duration:18s;animation-duration:18s;-webkit-animation-delay:2s;animation-delay:2s}.cube:nth-child(2){left:75%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:6s;animation-delay:6s}.cube:nth-child(3){left:33%;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:4s;animation-delay:4s}.cube:nth-child(4){left:94%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:8s;animation-delay:8s}.cube-side{position:absolute;z-index:1;border:5px solid #000;-webkit-animation:expand 10s linear infinite;animation:expand 10s linear infinite}.cube-side:before{-webkit-filter:blur(10px);filter:blur(10px)}.cube-front{-webkit-transform:rotateY(0deg) translateZ(50px);transform:rotateY(0deg) translateZ(50px)}.cube-right{-webkit-transform:rotateY(90deg) translateZ(50px);transform:rotateY(90deg) translateZ(50px)}.cube-back{-webkit-transform:rotateY(180deg) translateZ(50px);transform:rotateY(180deg) translateZ(50px)}.cube-left{-webkit-transform:rotateY(-90deg) translateZ(50px);transform:rotateY(-90deg) translateZ(50px)}.cube-top{-webkit-transform:rotateX(90deg) translateZ(50px);transform:rotateX(90deg) translateZ(50px)}.cube-bottom{-webkit-transform:rotateX(-90deg) translateZ(50px);transform:rotateX(-90deg) translateZ(50px)}@-webkit-keyframes spin{0%{-webkit-transform:rotateX(1turn) rotateY(0) translateY(195vh);transform:rotateX(1turn) rotateY(0) translateY(195vh)}to{-webkit-transform:rotateX(0) rotateY(1turn) translateY(0);transform:rotateX(0) rotateY(1turn) translateY(0)}}@keyframes spin{0%{-webkit-transform:rotateX(1turn) rotateY(0) translateY(195vh);transform:rotateX(1turn) rotateY(0) translateY(195vh)}to{-webkit-transform:rotateX(0) rotateY(1turn) translateY(0);transform:rotateX(0) rotateY(1turn) translateY(0)}}@-webkit-keyframes expand{0%{width:1.438rem;height:1.438rem;border-radius:50%;background:rgba(104,0,0,0);box-shadow:10px 10px 5px -8px rgba(0,0,0,.51)}50%{width:10.313rem;height:10.313rem;border-radius:25%;background:rgba(104,0,0,.253);box-shadow:10px 10px 5px -100px rgba(0,0,0,.51)}to{width:1.438rem;height:1.438rem;border-radius:0;background:rgba(104,0,0,0);box-shadow:10px 10px 5px -8px rgba(0,0,0,.51)}}@keyframes expand{0%{width:1.438rem;height:1.438rem;border-radius:50%;background:rgba(104,0,0,0);box-shadow:10px 10px 5px -8px rgba(0,0,0,.51)}50%{width:10.313rem;height:10.313rem;border-radius:25%;background:rgba(104,0,0,.253);box-shadow:10px 10px 5px -100px rgba(0,0,0,.51)}to{width:1.438rem;height:1.438rem;border-radius:0;background:rgba(104,0,0,0);box-shadow:10px 10px 5px -8px rgba(0,0,0,.51)}}.main-section{background:#fff;border-radius:5px;overflow:scroll;height:70vh;display:flex;align-items:center;display:inline-block;box-shadow:-20px -20px 14px 1px rgba(46,2,2,.5);overflow-x:hidden}.header-image,.main-section{position:relative;justify-content:center;width:100%;z-index:5}.header-image{display:flex;align-items:flex-end;overflow:hidden;height:20.75rem;background-color:#850000;background:url(/ClintBrodarPortfolio/static/media/seattle.4a17c1eb.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);border-radius:5px 5px 0 0}.header-image:after,.header-image:before{content:"";position:absolute;margin-top:110px;width:700px;z-index:5;height:200px;background:#fff;overflow:hidden}.header-image:before{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}.header-image:after{-webkit-transform:rotate(12deg);transform:rotate(12deg);box-shadow:0 8px 14px 1px #000}.heading-section,.main-info-section{max-height:300px}.main-info-section{margin-top:70px;margin-bottom:30px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.profile-image-section{position:relative;display:flex;z-index:5;align-items:flex-end;justify-content:center}.profile-image{position:absolute;height:14.45rem;width:auto;border-radius:100%;border:5px solid #fff;box-shadow:-8px 8px 6px 3.5px rgba(133,0,0,.5)}.main-info{display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.social-links{margin:0 1rem}.main-contact-section{position:relative;display:flex;align-items:center;justify-content:center;height:3rem;width:100%;z-index:5}.main-contact-section .col-5{padding:0}.main-contact-section:hover{cursor:pointer;color:#b53939}.contact-button-area,.footer{height:auto;width:100%}.footer{bottom:0}@media only screen and (max-width:768px){.main-section{box-shadow:-20px -20px 14px 1px rgba(46,2,2,0)}}.side-animate{background:#fff;border-radius:5px;overflow:scroll;height:auto;height:65vh;margin-top:2.5vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes fade-in{0%{display:none;opacity:0;left:-100%;width:0;background:#fff;background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(-90deg,#fff,hsla(0,0%,100%,0))}to{display:inline-block;opacity:1;left:0;width:100%;background:#fff;background:-webkit-gradient(linear,right top,left top,color-stop(100%,#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(-90deg,#fff 100%,hsla(0,0%,100%,0) 0)}}@keyframes fade-in{0%{display:none;opacity:0;left:-100%;width:0;background:#fff;background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(-90deg,#fff,hsla(0,0%,100%,0))}to{display:inline-block;opacity:1;left:0;width:100%;background:#fff;background:-webkit-gradient(linear,right top,left top,color-stop(100%,#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(-90deg,#fff 100%,hsla(0,0%,100%,0) 0)}}.side-page{background:#fff;border-radius:5px;overflow:scroll;height:auto;height:65vh;margin-top:2.5vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.side-menu,.side-menu-bounce{position:relative;display:block;width:100%;height:300px;border-radius:5px;background:#fff}.side-menu-bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.menu-item{width:100%;height:75px}.menu-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.menu-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.menu-item:hover{cursor:pointer;background:#850000;-webkit-transition:.5s;transition:.5s}.menu-item:hover .fab,.menu-item:hover .fas,.menu-item:hover .menu-titles{color:#fff;-webkit-transition:.5s;transition:.5s}.fab,.fas,svg{margin-top:10px;font-size:32px;color:#850000}.menu-titles{color:#850000;font-size:16px}@-webkit-keyframes bounce{0%{top:0}25%{top:3%}50%{top:0}75%{top:5%}to{top:0}}@keyframes bounce{0%{top:0}25%{top:3%}50%{top:0}75%{top:5%}to{top:0}}@media only screen and (max-width:1200px){.side-menu,.side-menu-bounce{display:block}.fab,.fas{font-size:28px}.menu-titles{font-size:10px}}@media only screen and (max-width:990px){.side-menu,.side-menu-bounce{display:block}.fab,.fas{font-size:24px}.menu-titles{display:none}}@media only screen and (max-width:769px){.side-menu,.side-menu-bounce{display:flex;height:100%;width:100%}.side-menu-bounce .horizontal-line,.side-menu .horizontal-line{display:none}.menu-item:first-child{border-top-right-radius:0;border-bottom-left-radius:5px}.menu-item:last-child{border-top-right-radius:5px;border-bottom-left-radius:0}.fab,.fas{font-size:32px}.menu-titles{display:block;font-size:16px}}@media only screen and (max-width:501px){.side-menu,.side-menu-bounce{height:auto;width:100%;z-index:7}}.project-modal{display:flex;position:fixed;z-index:6;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s;transition:.3s;overflow:scroll;-webkit-animation-name:expand-in;animation-name:expand-in;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.modal-side{z-index:7;width:15%;height:100vh;display:block;background:rgba(0,0,0,.5);float:left}@media only screen and (max-width:768px){.modal-side{width:5%}}.modal-content-section{z-index:7;background:#fff;width:70%;height:100vh;float:left;overflow:scroll;overflow-x:hidden}@media only screen and (max-width:768px){.modal-content-section{width:90%}}.project-modal-images{width:100%;height:auto}.project-links{padding:15px 0}.project-type-modal{font-size:16px;font-style:italic}.project-description{font-size:24px}.project-ul{list-style-type:square}.project-ul .project-li{font-size:16px}.project-ul .add-quotes{font-style:italic}.project-ul .add-quotes:before{content:open-quote}.project-ul .add-quotes:after{content:close-quote}blockquote{border-left:10px solid #454444}.project-main-details{font-size:16px}.project-headings{font-size:20px;font-weight:700}@-webkit-keyframes expand-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.fact{margin-top:10px;padding:3px;width:100%;border-radius:5px;height:auto}.fact .fact-desc{font-size:.62rem;color:#222}.fact:hover{background:#850000;-webkit-transition:.5s;transition:.5s}.fact:hover .fab,.fact:hover .fact-desc,.fact:hover .fas{color:#fff;-webkit-transition:.5s;transition:.5s}.personal-desc{padding-top:2%;margin-bottom:2%}.loading{position:relative;width:100px;height:100px;border-radius:50%;background:-webkit-gradient(linear,left top,left bottom,from(#2e0202),color-stop(40%,#850000),color-stop(150%,#b53939)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:linear-gradient(180deg,#2e0202 0,#850000 40%,#b53939 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply;background-size:cover;-webkit-animation:loading 2.5s linear infinite;animation:loading 2.5s linear infinite;overflow:visible}.loading:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;background:#fff}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:-37.5%}25%{left:0}50%{left:37.5%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}75%{left:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:-37.5%}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:-37.5%}25%{left:0}50%{left:37.5%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}75%{left:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:-37.5%}}.blog-post{width:100%;height:auto;-webkit-transition:.3s;transition:.3s;background-color:#fff;color:#222;padding:.5rem;margin:1rem 0}.blog-post:hover{border-radius:5px;background:#222;background:-webkit-gradient(linear,left bottom,left top,from(#222),to(#454444));background:linear-gradient(0deg,#222,#454444);box-shadow:0 0 8px 0 rgba(0,0,0,.75)}.blog-post:hover .blog-date,.blog-post:hover .blog-title,.blog-post:hover .blog-type{color:#fff}.blog-post:hover .blog-image{border-top-left-radius:5px;border-top-right-radius:5px}.blog-image{width:100%;height:298px}.blog-info{width:100%;height:2rem;line-height:2rem}.blog-info .blog-title{width:100%;display:flex;align-items:center;justify-content:center}.blog-info .blog-date,.blog-info .blog-type{width:50%;display:flex;align-items:center;justify-content:center;float:left}.blog-info .blog-date{border-radius:5px;border:3px solid #850000}.blog-info .blog-type{font-size:10px;font-style:italic}.contact-section{margin:0 auto;padding-top:2%}.project-preview{width:100%;position:relative;border-radius:5px;border:3px solid #b53939;margin-top:10px;margin-bottom:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-animation-name:slide-up;animation-name:slide-up;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.project-preview:before{content:"";display:block}.project-preview:hover{cursor:pointer;background:#b53939;-webkit-transition:.5s;transition:.5s}.project-preview:hover .project-main-image{opacity:.8}.project-preview:hover .project-preview-title,.project-preview:hover .project-type{color:#fff}.project-main-image{width:100%}.project-type{font-size:8px}.project-preview-title{font-size:16px;margin:0}@-webkit-keyframes slide-up{0%{top:100%}75%{top:-5%}to{top:0}}@keyframes slide-up{0%{top:100%}75%{top:-5%}to{top:0}}.category:hover{color:#850000;cursor:pointer;-webkit-transition:.5s;transition:.5s}#root,body{padding:0;margin:0}*{font-family:Quicksand,sans-serif}.app-background{background:-webkit-gradient(linear,left top,left bottom,from(#2e0202),color-stop(40%,#850000),color-stop(150%,#b53939)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:linear-gradient(180deg,#2e0202 0,#850000 40%,#b53939 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply;background-size:cover;position:relative;height:auto;min-height:100vh;width:100%;overflow:hidden}.app-background,.center-content{display:flex;align-items:center;justify-content:center}.center-content{margin:auto;text-align:center}.horizontal-line{height:1px;width:100%;background:#fff;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(26%,#850000),color-stop(48%,#2e0202),color-stop(74%,#850000),to(#fff));background:linear-gradient(90deg,#fff,#850000 26%,#2e0202 48%,#850000 74%,#fff)}.horizontal-line,.vertical-line{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)}.vertical-line{height:100%;min-height:2.5rem;width:1px;background:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(26%,#850000),color-stop(48%,#2e0202),color-stop(74%,#850000),to(#fff));background:linear-gradient(0deg,#fff,#850000 26%,#2e0202 48%,#850000 74%,#fff)}.row{padding:0}.remove-left-margin{margin-left:30px}.remove-right-margin{margin-left:-30px}.header-text{font-size:2rem;color:#000}.secondary-header-text{font-size:1.5rem;color:#850000}.position-text{font-size:1rem;color:#000}a{color:#000;text-decoration:none}a:hover,a:visited{color:#b53939}a:hover{text-decoration:none}.page-section-border{display:inline-block;width:100%;height:100%}.page-section-border .page-section{padding:2%;width:100%;height:auto;overflow:scroll;overflow-x:hidden;word-wrap:break-word;background:#fff;-webkit-animation-name:fade-content;animation-name:fade-content;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes fade-content{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade-content{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media only screen and (max-width:769px){.remove-left-margin,.remove-right-margin{margin-left:0}}@media only screen and (max-width:500px){.vertical-line{display:none}}
/*# sourceMappingURL=main.6353cf91.chunk.css.map */