@import url(https://fonts.googleapis.com/css2?family=Redressed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body html{background-color:#191919}.App{color:oldlace;display:flex;flex-direction:row;height:100vh;justify-content:stretch;text-align:center;width:100vw}.NavBar{display:flex;flex:1 1;flex-direction:column;font-family:Montserrat,sans-serif}.content{flex:6 1}.NavBar a{color:#fff;display:block;font-size:1rem;text-decoration:none}.navLink{border-radius:40px;margin:20px auto;padding:10px;transition:.7s;width:80%}.logo{zoom:1}.socialMedia{margin-top:20px}.socialIcons{cursor:pointer;margin:0 10px}.socialIcons:hover{color:#f30e5c}.socialMedia a{display:inline-block}.active{background-color:#2666cf}.menuButton{display:none}.about{margin:auto;text-align:center;width:60%}@media only screen and (max-width:1024px){.about{width:80%}.navLink{margin:12px auto}.socialMedia{margin-top:12px}}@media only screen and (max-width:878px){.NavBar{flex:0 1;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;transform-origin:top;width:0}.content{width:100vw}.menuButton{display:block;left:5%;position:fixed;top:1%;-webkit-transform:.5s;transform:.5s;z-index:1000}.menuButton:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.activeNav{flex:6 1;justify-content:center;-webkit-transform:scale(1);transform:scale(1);transition:.7s}}@font-face{font-family:cafeBrew;font-style:normal;font-weight:400;src:url(/static/media/cafe%20brewery.07bbfe8bc81615e28a23.ttf) format("truetype")}@font-face{font-family:sensation;src:url(/static/media/Sansation-Regular.d2b916eb34c210efcc42.ttf) format("truetype")}@font-face{font-family:dosis;src:url(/static/media/DosisLight-3jdp.02196afb942a805677d9.ttf) format("truetype")}.cafe{color:cyan;font-family:Redressed,cursive;font-size:4rem}.cafe,.sensation{font-weight:lighter}.sensation{font-family:Montserrat,sans-serif;font-size:1.4rem;line-height:1.6;margin:50px auto;text-align:left}.dosis{cursor:pointer;display:inline-block;font-family:dosis;font-size:1.8rem}.about .dosis{color:#fff;font-size:2rem;font-weight:700;transition:.2s}.about .dosis:hover{color:#f30e5c;-webkit-transform:scale(1.1);transform:scale(1.1)}.form{background-color:#2c3333;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.5),0 10px 10px rgba(0,0,0,.22);display:inline-block;margin-top:10%;padding:50px;width:40%}@media only screen and (max-width:880px){.form{width:70%}}input,textarea{border:1px solid grey;border-radius:5px;font-family:monospace;font-size:1rem;margin:10px;outline:none;padding:10px;width:80%}.form button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px;transition:.2s;width:50%}.form button:hover{background-color:#f30e5c;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.mainHead{cursor:default;font-family:Montserrat,sans-serif;font-size:5rem;font-weight:700;line-height:1.5;transition:.5s}@media only screen and (max-width:1024px){.mainHead{font-size:3.8rem}}@media only screen and (max-width:455px){.mainHead{font-size:3rem}}@media only screen and (max-width:320px){.mainHead{font-size:2.5rem}}.project{background-color:#2c3333;border-radius:20px;box-shadow:0 14px 28px #000,0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:30px auto;overflow:hidden;transition:.5s;width:300px}.project:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.project:hover p{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-transform:scale(1.12);transform:scale(1.12)}.project:hover .buttons{background-color:#2c3333e9;-webkit-transform:scale(1);transform:scale(1)}.projectName{border-bottom:1px solid #fff;display:block;margin-bottom:5px;padding:7px 0}.preview{border-radius:20px 20px 0 0;flex:1 1;position:relative}.details{border-radius:0 0 20px 20px;display:flex;flex:1 1;flex-direction:column;min-height:50%}.info{flex:1 1}.buttons{border-radius:20px 20px 0 0;height:100%;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.5s;width:100%}.project:hover button{-webkit-transform:scale(1);transform:scale(1)}.project button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:30% 1.5rem;padding:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:scale(0);transform:scale(0);transition:.3s;transition-delay:0;width:30%}.project button:hover{background-color:#f30e5c;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);transition-delay:0}.preview img{height:100%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}p{border:1px solid cyan;border-radius:5px;display:inline-block;margin:10px 10px 5px;padding:5px;width:65px}.container,p{transition:.5s}.container{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:200px;justify-content:space-between;margin:30px auto;overflow:hidden;width:150px}.container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.container:hover .text{-webkit-transform:scale(1.13);transform:scale(1.13)}.image{height:80%;width:100%}.text{color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;transition:.5s;width:100%}
/*# sourceMappingURL=main.e2efd232.css.map*/