body{background-color:#faf7f3;color:#fff;font-family:Laila,serif;margin:0 auto;max-width:800px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5{margin:0}.App{text-align:center}.HomePage{align-items:center;background-color:#222;box-shadow:1px 10px 10px 2px #746c52;display:flex;flex-direction:column;margin:0 auto}.HomePage .HomePage-div .headers h1{color:#eee}.HomePage .HomePage-div .headers h3{color:#e4e7e9}.HomePage-div{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:60%;@media screen and (max-width:600px){width:100%}}.headers{border-bottom:1px solid #d8d8d8;margin-bottom:16px;padding-bottom:10px;width:100%}.logos-img{display:flex}.logos-img img{height:50px;margin-left:8px;width:50px;@media screen and (max-width:360px){width:60px}}.About{display:flex;flex-direction:column;height:80vh;text-align:justify;width:90%;@media screen and (max-width:360px){width:94%}}.About h2{color:#f5f5f5;margin:0;text-align:start;width:100%}.About p{color:#fff}.Boo-proj,.movieknight-proj{animation:fadeIn 2s forwards;opacity:0}.Projects{min-height:90vh;width:96%}.Projects h2{color:#d6d3d0;margin-bottom:40px;text-align:start;width:100%}.Projects .projects-views{animation:fadeIn 2s forwards;display:flex;flex-wrap:wrap;justify-content:space-between;opacity:0}.Projects .projects-views .project-card{display:flex;flex-direction:column;margin:6px 2px;position:relative;width:32%;@media screen and (max-width:500px){justify-content:space-evenly;width:100%}}.Projects .projects-views .project-card img{border-radius:4px}.Projects .projects-views .project-card div{align-items:center;bottom:0;display:flex;font-size:.8rem;justify-content:space-between;left:0;margin-top:8px;position:absolute;width:120px}.Projects .projects-views .project-card div p{background-color:#eae0d5;border:none;border-radius:0 4px 0 4px;color:#22333b;font-size:1rem;font-weight:700;margin:0;outline:none;padding-left:4px;text-align:start;width:100%}.Projects .projects-views div button{background-color:initial;border:none;color:#df6969;margin-top:10px;outline:none;text-align:start;width:100px}.Projects .projects-views img{height:400px;width:100%;@media screen and (max-width:500px){height:600px;justify-content:space-between;width:100%}}.project-temp img{width:260px}.Projects .project-temp{align-items:start;display:flex;flex-direction:column;justify-content:center}.Projects .project-temp .header-img{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%;@media screen and (max-width:420px){justify-content:space-between}}.Projects .project-temp .header-img img{border-radius:6px;margin-bottom:10px;width:200px;@media screen and (max-width:420px){width:48%}}.project-temp .project-name{color:#5e503f;font-size:1.2rem;font-weight:700;margin-left:20px;margin-top:40px;text-align:start;text-decoration:none;width:100%}.Projects .project-temp ul{color:#5e503f;display:flex;flex-direction:column;margin-top:0}.Projects .project-temp ul li{text-align:start}.Projects .project-temp ul li a{color:#22333b;text-decoration:none}.Projects .project-temp button{background-color:#5e503f;border:none;border-radius:4px;color:#eae0d5;height:30px;margin-left:20px;outline:none;width:260px}#Boo-proj{animation:fadeIn 2s forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ContactMe{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.ContactMe p{color:#fcf2e6;font-weight:700;margin:0}.ContactMe .gmail-logo{margin:0}.ContactMe .email-div{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.ContactMe .email-div img{height:28px;margin-right:10px;width:28px}.ContactMe img{height:40px;margin-left:18px;width:40px}
/*# sourceMappingURL=main.90d44457.css.map*/