@import "https://fonts.googleapis.com/css?family=Lato|Quicksand&display=swap";:root{--primary-color:#80aebd;--secondary-color:#a9bcc2;--primary-light:#cbbc97;--secondary-light:#f9f9f9;--primary-text:#323433;--highlight:#8d6a9f;--danger-color:#bb342f;--success-color:#a7c4a0}*,:before,:after{box-sizing:border-box}body{text-align:center;color:var(--primary-text);margin:0 auto;font-family:Lato,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.3}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1rem;font-weight:400}a{color:var(--primary-light);font-size:1rem;font-weight:400;text-decoration:none}a:visited{color:auto}a:hover{color:var(--secondary-light)}ul,li{margin:0;padding:0;list-style:none}.container{min-height:85vh;padding-top:45px}.center{justify-content:center;align-items:center;display:flex}.delete-button{border:1px solid var(--danger-color);color:var(--danger-color);text-align:center;background:#fff;font-size:.8rem;transition:all .15s;position:absolute;top:5px;right:5px}.delete-button:hover{background:var(--danger-color);color:var(--secondary-light)}.splash{background:var(--primary-color);min-height:60vh}.splash h1{font-size:4rem}.head{margin-bottom:1rem;font-size:1.5rem}.btn{border:1px solid var(--secondary-color);color:var(--secondary-text);background:#fff;border-radius:5px;padding:6px 12px;font-size:1rem;text-decoration:none;transition:all .15s}.btn:hover{background:var(--secondary-color);color:#fff}.italic{font-style:italic}.bold{font-weight:700}.primary-color{color:var(--primary-color)}.secondary-color{color:var(--secondary-color)}.light-color{color:var(--primary-light)}.alert{z-index:100;width:100%;margin-top:45px;padding:1rem 0;position:fixed}.alert-success,.alert-danger{color:#fff}.alert-success{background:var(--success-color)}.alert-danger{background:var(--danger-color)}.pattern-background{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='40' height='1' viewBox='0 0 40 1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v1H0z' fill='%2380aebd' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.content-break{min-height:30vh}.p-blurb{font-size:1.25rem}.head{font-size:1.5rem}.spinner{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading{border:3px solid var(--primary-color);border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{-webkit-transform:rotate(360deg)}}.nav{background:var(--primary-text);z-index:99;justify-content:space-around;align-items:center;width:100%;height:45px;display:flex;position:fixed}.nav-link{height:inherit;justify-content:space-around;align-items:center;width:100%;display:flex}.nav-link div{border-bottom:none;margin-top:5px;padding-bottom:5px}.nav-link div:hover{border-bottom:1px solid var(--secondary-light)}.nav-toggle{display:none}.header{color:#f3f3f3;background-color:#0000;background-image:linear-gradient(#00000080,#00000080),url(/assets/actionvance-guy5aS3GvgA-unsplash-DalG4FCF.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.header h1{font-size:3rem}.header h2{margin:1rem 0;font-size:5.5rem}.social-icon{margin-right:50px}.social-icon:last-child{margin-right:0}.social-icon i{font-size:2.5rem}.about{border:25px solid #000;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;margin:0 auto;padding:50px;display:flex}.about img{width:425px;height:auto}.tech-logo{margin-right:150px;font-size:2.5rem}.tech-logo:last-child{margin-right:0}.portfolio-projects{border:25px solid var(--primary-color)}.portfolio-project{border-bottom:1px dashed var(--primary-color);padding:2rem;display:flex;position:relative}.portfolio-project:nth-child(2n){background:var(--secondary-light)}.portfolio-project:last-child{border-bottom:none}.project-header h1{font-weight:700}.project-title{color:var(--primary-color);font-weight:700}.project-title:hover{color:var(--secondary-color)}.project-header span{font-style:italic}.project-img{position:relative}.live,.code{position:absolute;bottom:10px}.live{left:35px}.code{right:35px}.project-info{flex-direction:column;flex:2 0 0;justify-content:space-around;padding:0 25px;display:flex}.project-header{justify-content:space-between;display:flex}.project-desc,.project-techs{text-align:left}.project-tech{border:1px solid var(--secondary-color);cursor:default;border-radius:5px;margin-right:5px;padding:7px 15px;transition:background .15s;display:inline-block}.project-tech:last-child{margin-right:0}.project-tech:hover{color:#fff;background:var(--secondary-color)}.edit-portfolio{border:1px solid var(--secondary-color);color:var(--secondary-color);background:#fff;border-radius:5px;padding:3px 7px;font-size:.8rem;transition:all .15s;position:absolute;bottom:5px;right:5px}.edit-portfolio:hover{color:#fff;background:var(--secondary-color)}.social{min-height:30vh}.social-component-icon{margin-right:150px}.social-component-icon:last-child{margin-right:0}.social-component-icon:hover{color:var(--secondary-color)}.social-component-icon i{font-size:3.8rem}.footer{background:#000;justify-content:space-around;align-items:center;padding:.25rem 0;display:flex}.footer h1{color:var(--secondary-light)}.form{min-height:95vh}.form h1{margin:2rem;font-size:1.2rem}form{max-width:1100px;margin:3rem auto}.form-group{margin:1rem auto}.form-group label{font-size:14px;display:block}.form-input{border:1px solid #000;outline:0;width:38%;margin:0 auto;padding:6px 12px;font-size:1rem}form small{font-size:14px;display:block}.textarea{height:125px;font-family:inherit;font-size:1rem}.contact-content{padding:5rem auto}.contact-p{padding:0 125px}.contact-email{border:25px solid var(--primary-color);padding:2.5rem 0}.contact-form{margin:0 auto}.resume{max-width:900px;margin:0 auto}.resume-header{text-align:left;border-bottom:10px solid var(--primary-color);padding:2rem 0}.resume-name{font-size:4.25rem}.resume-contact{justify-content:space-between;display:flex}.resume-goals{text-align:justify;text-justify:inter-word;padding-top:2rem}.resume-content{grid-column-gap:2rem;grid-template-columns:1fr 6fr;padding:2rem 0;display:grid}.column-left{text-align:right;margin:2rem 0}.column-right{text-align:left;margin:1rem}.experience,.education,.employment{position:relative}.employment,.education,.experience,.skills{padding:1rem 0}.employment-dates,.education-dates,.experience-tech{font-size:.9rem}.employment-header,.education-header,.experience-header{justify-content:space-between;margin:.25rem 0;display:flex}.employment-desc li{margin-bottom:.25rem}.employment-desc li:last-child{margin-bottom:0}.experience-header{margin-top:0}.experience-tech{margin-top:.5rem}.experience-tech span{border:1px solid var(--primary-color);border-radius:5px;margin-right:5px;padding:2px 5px;display:inline-block}.experience-tech span:last-child{margin-right:0}.skills ul{grid-column-gap:1rem;grid-template-columns:1fr 1fr 1fr;display:grid}@media screen and (width<=768px){.splash h1{font-size:2.25rem}.head{font-size:1.2rem}.p-blurb{font-size:1rem}.nav{flex-direction:column;height:auto;min-height:45px}.nav-toggle{justify-content:center;align-self:flex-end;align-items:center;height:45px;margin-right:1rem;display:flex}.nav-link{flex-direction:column;width:100%;margin:0;padding:0;display:none}.nav-link div{width:inherit;border-bottom:1px dotted var(--secondary-color);padding:.5rem 0}.nav-link div:last-child{border-bottom:none}.navbar-show{display:flex!important}.header h1{font-size:1.4rem}.header h2{font-size:2.5rem}.social-icon{margin-right:25px}.social-icon:last-child{margin-right:0}.header .social-icon i{font-size:1.4rem}.about{padding:25px}.about img{width:225px;height:auto}.logo{margin:2rem auto}.tech-logos{margin:1rem;font-size:1.2rem}.tech-logo{margin-right:25px;font-size:1.75rem}.portfolio-projects,.about{border-width:5px}.portfolio-project{flex-direction:column}.portfolio-project img{margin-bottom:1rem}.project-info{padding:10px 0 0}.live,.code{bottom:25px}.live{left:50px}.code{right:50px}.project-tech{margin-bottom:5px}.project-tech:last-child{margin-bottom:0}.social{padding:2rem auto}.social-component-icon{margin-right:25px}.social-component-icon i{font-size:2.8rem}.footer{padding:.25rem 0}.footer-top{justify-content:space-around;align-items:center;display:flex}.footer h1,.footer h1 a,.footer .login-btn,.footer .logout-btn{font-size:.8rem}.footer p{font-size:.5rem}.form-input{width:80%}.chat{padding:2rem 0}.contact-p{padding:0 25px}.contact-email{border-width:5px;padding:2rem 0}.contact-content{margin:0 auto}.resume{font-size:85%;line-height:1.25}.resume-header{text-align:center}.resume-name{margin-bottom:2rem;font-size:2.75rem}.resume-contact{flex-direction:column}.resume-goals{padding-left:1rem;padding-right:1rem}.resume-content{grid-template-columns:1fr}.column-left{text-align:center;margin:.5rem 0;font-weight:700}.employment-header,.education-header,.experience-header{flex-direction:column;margin:1rem 0}.experience-tech span{margin-top:5px}}