:root{font-size:16px;font-family:"Open Sans";--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--transition-speed:600ms}body{color:#000;background-color:#b6b6b6;background-color:var(--text-primary);margin:0;padding:0}main{margin-left:5rem;padding:1rem}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}.navbar{position:fixed;background-color:#23232e;background-color:var(--bg-primary);transition:width .2s ease}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-link{display:flex;flex-direction:row;align-items:center;height:5rem;color:#b6b6b6;color:var(--text-primary);text-decoration:none;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);transition:.6s;transition:var(--transition-speed)}.nav-link:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary)}.link-text{display:none;margin-left:1rem}.nav-link i{min-width:2rem;margin:0 1.5rem}.navbar:hover .logo{transform:rotate(-180deg)}.fa-primary{color:#ff7eee;transition:.6s;transition:var(--transition-speed)}.header{color:#fff;font-size:xx-large}@media only screen and (min-width:600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline;transition:opacity .6s;transition:opacity var(--transition-speed)}}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vh;height:5rem}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}main{margin:0}}.home-container{line-height:1.6;min-height:100vh;display:grid;align-content:flex-start;place-items:center}.card{box-shadow:0 0 20px rgba(0,0,0,.4);width:80%;max-width:600px;background-color:var(--bg-primary);color:var(--text-primary);text-align:center;padding:2em}.profile-name{font-size:2rem;line-height:1;margin-top:.75rem;color:var(--text-secondary)}.profile-name:after{content:"";display:block;height:1px;width:2em;background:#ff7eee;margin:.7em auto .5em;opacity:.5}.profile-position{text-transform:uppercase;font-size:.875rem;letter-spacing:3px;margin-bottom:2em}.profile-body{font-weight:300;margin-bottom:0}.profile-image{border-radius:50%;border:3px solid #fff}.social-list{display:flex;justify-content:space-around;list-style:none;padding:0;width:125px;margin:0 auto}.social-link{color:#ff7eee;opacity:.5}.social-link:focus,.social-link:hover{transition:var(--transition-speed);opacity:1}@media (min-width:600px){.card{flex-direction:row}.profile-main{text-align:left;margin-left:2em}.profile-name:after{margin-left:0}}.list-group-item{display:flex;color:#ff7eee;text-decoration:none;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.list-group-item:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}*{box-sizing:border-box;padding:0;margin:0}ul{list-style:none}a{color:inherit;text-decoration:none}.portfolio-container{display:grid;grid-template-columns:1fr repeat(12,minmax(auto,60px)) 1fr;grid-gap:40px;padding:60px}.text-medium{line-height:20px;font-weight:400}.cards{grid-column:2/span 12;display:grid;grid-template-columns:repeat(12,minmax(auto,60px));grid-gap:40px}.card{grid-column-end:span 4;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease 0s}.card:hover{transform:translateY(-7px)}.card:hover .card-title{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}.card-info{line-height:15px;font-weight:200}.card-image-container{width:100%;padding-top:56.25%;overflow:hidden;position:relative}.card-image-container img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-title{margin-bottom:20px;padding:20px;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);color:#ff7eee}@media only screen and (max-width:1000px){.card{grid-column-end:span 6}}@media only screen and (max-width:700px){.portfolio-container{grid-gap:20px}.card{grid-column-end:span 12}}@media only screen and (max-width:1000px){.portfolio-container{grid-template-columns:10px repeat(6,1fr) 10px;grid-gap:10px}.cards{grid-column:2/span 6;grid-template-columns:repeat(6,1fr);grid-gap:20px}.card{grid-column-end:span 6}}
/*# sourceMappingURL=main.f99bd7a9.chunk.css.map */