body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.logo{width:15%}.name{font-size:6rem}.title{font-size:3rem;color:#212529}.p-5 button{border:2px solid rgba(242,103,38,.8)}.p-5 button:hover{background:rgba(242,103,38,.8)}.view-projects:hover{color:#fff;font-weight:700}@media (max-width:500px){.name{font-size:3rem}}.tile{width:500px;height:450px;margin:1.5rem;background-color:#ccc;background-size:cover;position:relative;cursor:pointer;box-shadow:0 35px 77px -17px rgba(0,0,0,.44);overflow:hidden;color:#fff}.tile,.tile img{transition:all .4s ease-out}.tile img{height:100%;width:100%;position:absolute;top:0;left:0;z-index:0}.tile .text{position:absolute;padding:30px;height:calc(100% - 60px)}.tile h1{font-weight:500;margin:0;text-shadow:2px 2px 10px rgba(0,0,0,.5);color:#fff;text-align:center}.tile h2{font-weight:100;margin:20px 0 0;font-style:italic;transform:translateX(200px)}.tile p{font-weight:300;margin:20px 0 0;line-height:25px;transform:translateX(-200px);transition-delay:.2s}.animate-text{opacity:0;transition:all .6s ease-in-out}.tile:hover{box-shadow:0 35px 77px -17px rgba(0,0,0,.64);transform:scale(1.05)}.tile:hover img{opacity:.2}.tile:hover .animate-text{transform:translateX(0);opacity:1}.tile:hover span{opacity:1;transform:translateY(0)}@media (max-width:800px){.wrap{flex-direction:column;margin-top:10%}.tile{width:350px;height:500px;margin-bottom:30px}}.wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-gap:2rem;margin:2rem}*{font-family:"Poppins",sans-serif}.overlay{background-color:rgba(242,103,38,.8);height:400px;margin-bottom:5%}.card,.overlay{border-radius:8px}.card{height:300px;position:relative;overflow:hidden;box-shadow:1px 5px 5px rgba(242,103,38,.25);display:grid;grid-template-rows:1fr 1fr;transition:.8s cubic-bezier(.2,.8,.2,1)}.text-right a{color:#eee}@media only screen and (min-width:1000px){.wrapper{grid-template-columns:repeat(auto-fill,minmax(575px,1fr))}.card{height:450px}.overlay{height:500px;margin-bottom:15%}}.view-site,h2{color:#fff;font-weight:700;font-style:italic;margin:20px 0 0 20px;overflow:hidden}img{position:absolute;top:0;height:100%;width:100%;transition:.8s cubic-bezier(.2,.8,.2,1)}.card:hover{transform:translate(10px,10px)}
/*# sourceMappingURL=main.d1b46d63.chunk.css.map */