body{margin:0;padding-top:50px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;margin:0}.main-nav{display:flex;flex-direction:column;text-align:center;background-color:#f5f5f5;border-radius:20px 20px 0 0;box-shadow:5px 10px 10px #000}.nav-link{color:#2e2727;border-bottom:2px solid grey;padding:10px 0;text-decoration:none}.nav-link:hover{color:#2d9e60;background-color:rgba(90,90,90,.438)}.home-button:hover{border-radius:20px 20px 0 0}.main-container{background-color:transparent;margin:0 auto;width:95%;max-width:900px}.main-content{background-image:url(/images/Homepage.jpeg);background-color:#ccc;border-radius:0 0 20px 20px;box-shadow:5px 10px 10px #000;margin-top:20px;height:1000px;position:relative}.bg-img,.main-content{background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-img{width:100%;height:100%;background-color:#28a75d}.main-title{color:#f5f5f5;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-container{background-color:#f5f5f5;padding:40px 20px;border-radius:0 0 20px 20px;box-shadow:5px 10px 10px #000;margin-top:20px}.about-p{font-size:18px}.project-container{background-color:#f5f5f5;padding:40px 20px;margin-top:20px;margin-bottom:40px;border-radius:0 0 20px 20px;box-shadow:5px 10px 10px #000}.title-and-nav{display:flex;flex-direction:column}.project-title,.projects-nav{margin-bottom:20px}.projects-nav{display:flex;align-items:center}.project-nav-link{margin:0 5px;padding:0 8px;color:#5f5f5f;background-color:#dad8d8;border-radius:4px;text-decoration:none}.project-nav-link:hover{text-decoration:none;color:#2d9e60;background-color:rgba(90,90,90,.438)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;margin:40px auto 0;width:90%}.card{box-shadow:5px 10px 20px #000}.card-img{width:100%;border-bottom:1px solid #000}.card-body{padding:15px;position:relative}.card-title{font-weight:700}.card-text{margin-bottom:30px}.html-div{max-width:349px;margin:40px auto}.btn{padding:7px;color:#f5f5f5;background-color:#17772c;border:2px solid #646464;border-radius:5px;text-decoration:none}.btn:hover{color:#0f0f0f;background-color:#24be46;transition:1s ease;cursor:pointer}.gif-container{background-color:#f5f5f5;padding:40px 20px;border-radius:0 0 20px 20px;box-shadow:5px 10px 10px #000;margin-top:20px;margin-bottom:50px}.gif-header{display:flex;flex-direction:column}.gif-title{margin:auto 0}.search-form{margin-top:30px}.is-hidden{display:none}.search-bar,.search-button{padding:6px;border:none;border-bottom:1px solid #d3d3d3;background-color:#f5f5f5}.gif-list{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0;margin-top:60px}.gif-box{margin:10px}.gif-img{width:314.25px;height:235px}@media (min-width:768px){.main-nav{flex-direction:row;justify-content:center}.nav-link{border-bottom:0;border-right:2px solid grey;padding:10px 20px;font-size:20px}.home-button{border-left:2px solid grey}.home-button:hover{border-radius:0}.about-p{font-size:24px}#project-2-position{position:absolute;bottom:-39px}#project-6-position,#project-8-position{position:absolute;bottom:-59px}.gif-header{flex-direction:row;justify-content:space-between;margin:0 100px}.search-form{margin:auto 0}.gifcontent-p{margin-left:100px}}
/*# sourceMappingURL=main.b3fbb481.chunk.css.map */