@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Roboto&display=swap);*,body{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(180deg,#add8e6,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cardContainer{display:flex;flex-wrap:wrap;justify-content:center}.carddiv{background-color:#000;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;margin:1rem;max-height:400px;padding:1rem;position:relative;width:28%}.imgg{background-size:cover;height:80%;width:100%}.imgg:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.carddiv h1{font-family:Amatic SC,cursive;font-size:3rem;margin-left:1rem}.desc{background-color:rgba(0,0,0,.5);bottom:10px;font-size:1rem;max-height:0;overflow:hidden;position:absolute}.carddiv:hover .desc{max-height:500px;transition:all 2.2s}@media (max-width:1150px){.carddiv{width:45%}}@media (max-width:800px){.carddiv{width:90%}}.header{font-family:Amatic SC,cursive;font-size:1.8rem;margin:2rem}.header,.navbar{text-align:center}.navbar{background-color:#000;color:#fff}.navbar ul li a{color:#fff;display:inline-block;font-size:2rem;font-weight:800;margin:0 1rem;padding:1rem;text-decoration:none}.navbar ul li{display:inline-block;font-family:Amatic SC,cursive;list-style-type:none}.navbar ul li:hover{background-color:#add8e6;transition:.3s}.navbar ul li a:hover{color:#000}@media (max-width:800px){.navbar ul li{display:block;flex-direction:column}}
/*# sourceMappingURL=main.8b3e37bb.css.map*/