#contact{min-height:calc(100vh - 10rem);width:100vw;max-width:53rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}.row{display:grid;grid-template-rows:repeat(2,3fr);grid-template-columns:repeat(3,1fr)}.contact-left{grid-row:1 / 3;grid-column:1 / 2;margin-top:50px}.contact-right{grid-row:1 / 3;grid-column:2 / 4;display:flex;justify-content:center;text-align:center}.google{cursor:pointer;color:#fff}.gmail{cursor:pointer;color:#fff;display:none}.phone{margin-top:25px}.fa-paper-plane,.fa-square-phone,.fa-linkedin{color:#ff0;margin-right:15px;font-size:25px}.linkedIn{font-size:medium}.linkedIn{color:#fff;display:block;width:fit-content;margin-top:25px}.contact-left a:hover{color:#ff0}.btn2{background:#fff;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;align-items:center;margin-top:30px}.btn2:hover{color:#ff0;background:#1e1e1e;border:2px solid white}.contact-right form{width:100%}form input,form textarea{font-size:medium;width:100%;max-width:40rem;margin:.5rem;margin-left:0;padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;background:#282828}.submitBtn{background:#fff;padding:.75rem 2.5rem;border:inherit;border-radius:2rem;font-size:1rem;cursor:pointer}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.contactDesc{margin-bottom:.5rem;font-size:medium;font-weight:300;transform:translate();display:flex}.submitBtn:hover{color:#ff0;background:#1e1e1e;border:2px solid white}@media screen and (max-width: 900px){.row{display:unset}.contact-left{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;margin-top:unset}.container{margin:1rem 15%}}@media screen and (max-width: 600px){.google{display:none}.gmail{display:block}}.footer{width:100vw;height:4rem;background:#282828;display:flex;align-items:center;justify-content:center;font-weight:300;font-size:small}#intro{height:calc(100vh - 5rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.bg{position:absolute;top:13rem;right:2rem;z-index:-1;object-fit:cover;border-radius:50%;height:350px;width:350px;background:#fff;transition:all .3s ease-in-out}.introContent{height:100vh;width:100vw;padding:2rem;font-size:3rem;font-weight:700;display:flex;flex-direction:column;justify-content:center}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;margin:1rem 1rem 1rem 0;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;align-items:center}.btnImg{object-fit:cover;margin:0 .25rem;height:1rem}.fa-briefcase,.fa-cloud-arrow-down{font-size:18px;margin-right:5px}.btn:hover{color:#ff0;background:#1e1e1e;border:2px solid white}@media screen and (max-width: 960px){.bg{right:10vw;background:inherit;border:.1px solid white;transition:all .3s ease-in-out}}@media screen and (max-width: 660px){.hello{font-size:1.2rem}.introContent{font-size:2rem;height:50vh}.introPara{font-size:.75rem}.bg{margin:0 auto}}@media screen and (max-width: 660px){.introContent{font-size:1.25rem;transition:all .3s ease-in-out}.introPara{font-size:.6rem}.bg{margin:0 auto;height:250px;width:250px;top:4rem}#intro{height:auto;margin-top:3rem}}@media screen and (max-height: 660px){.bg,.introContent{transition:all .3s ease-in-out}.btn{font-size:10px;width:7rem;height:2rem;display:flex;justify-content:center}.fa-briefcase,.fa-cloud-arrow-down{font-size:.9rem}}.navbar{background:#1e1e1e;height:5rem;width:100vw;max-width:75rem;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;border-bottom:3px solid white}.logo{object-fit:cover;height:3rem;width:3rem}.desktopMenuListItem{margin:1rem;cursor:pointer;text-decoration:none}.desktopMenuListItem:hover{color:#ff0;padding-bottom:.5rem;border-bottom:3px solid yellow}.desktopMenuBtn{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:2rem;cursor:pointer}.desktopMenuImg{object-fit:cover;height:1rem;width:1rem;margin:1rem}.fa-message{font-size:18px;margin:1rem .4rem 1rem 1rem}.desktopMenuBtn:hover{color:#ff0;background:#1e1e1e;border:2px solid white}.desktopMenuBtn p{margin-right:15px}.active{color:#ff0;border-bottom:3px solid yellow;padding-bottom:.5rem}.burgerMenu{display:none;object-fit:cover;height:1.8rem;cursor:pointer}.navMenu{position:absolute;height:100vh;top:5.1rem;right:-400px;z-index:2;display:flex;flex-direction:column;min-width:15rem;background:#282828;transition:all .3s ease-in-out}.showMenu{position:absolute;right:0}.listItem{color:#fff;padding:1rem;margin:.25rem;display:flex;align-items:center;justify-content:start;cursor:pointer}@media screen and (max-width: 720px){.burgerMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}@media screen and (min-width: 720px){.navMenu{display:none}.navbar{position:sticky}}#portfolio{min-height:calc(100vh - 5rem);max-width:80rem;margin:0 auto;margin-top:3rem;overflow:hidden}.title{font-size:3rem;text-align:center}.work-description{font-size:.9rem;font-weight:300;text-align:center;margin:0 auto;margin-top:1.5rem}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin:50px 5%}.work{border-radius:10px;position:relative;overflow:hidden}.work img{height:240px;width:100%;border-radius:10px;opacity:.9;display:block;transition:transform .5s;transition:.1s}.layer{width:100%;height:0;background:linear-gradient(45deg,#2e8b57,#87ceeb);border-radius:10px;opacity:.9;position:absolute;left:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;font-size:14px;transition:height .5s}.layer h3{font-weight:500;margin-bottom:20px}.layer a{margin-top:20px;color:#ff004f;text-decoration:none;font-size:18px;line-height:40px;background:#fff;width:40px;height:40px;border-radius:50%;text-align:center}.work:hover img{transform:scale(1.1);opacity:.6}.work:hover .layer{height:100%}@media screen and (max-width: 1285px){.work img{height:240px;transition:.2s}}@media screen and (max-width: 1170px){.work img{height:210px;transition:.2s}}@media screen and (max-width: 1110px){.work img{height:190px;transition:.2s}}@media screen and (max-width: 1045px){.work img{height:170px;transition:.2s}}@media screen and (max-width: 1026px){.work img{height:180px;transition:.2s}}@media screen and (max-width: 1026px){.work-list{grid-template-columns:repeat(1,450px);justify-content:center}.work img{height:250px;transition:.2s}}@media screen and (max-width: 907px){.work img{height:270px;transition:.2s}}@media screen and (max-width: 640px){.work-list{grid-template-columns:unset;justify-content:unset}.work img{height:unset;transition:.2s}}#skills{overflow:hidden;min-height:calc(100vh - 5rem);width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.skillTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.skillDesc{font-weight:300;font-size:.9rem;max-width:50rem;padding:0 2rem}.skillBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}.grid{display:grid;grid-template-rows:150px 150px 150px;grid-template-columns:repeat(3,300px)}.grid div:nth-child(7){grid-column:1 / 4;display:flex;justify-content:center}.skillBar{display:flex;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:#323232;align-items:center}.skillBarImg{object-fit:cover;height:3rem;width:3rem;margin-right:1rem}@media screen and (max-width: 1024px){#skills{height:auto}.grid div:nth-child(5),.grid div:nth-child(6),.grid div:nth-child(7){grid-column:unset;grid-row:unset}.grid div:nth-child(7){justify-content:center;grid-column:1/3}.grid{justify-content:center;grid-template-columns:none;grid-template-rows:100px 100px 100px 100px;grid-template-columns:repeat(2,1fr)}.skillBarImg{display:none}}@media screen and (max-width: 660px){.grid div:nth-child(7){justify-content:left;width:auto;grid-column:unset}.grid div:nth-child(1),.grid div:nth-child(2),.grid div:nth-child(3),.grid div:nth-child(4),.grid div:nth-child(5),.grid div:nth-child(6),.grid div:nth-child(7){display:flex;justify-content:center}.skillBarImg{height:2.25rem;width:2.25rem}.skillTitle{font-size:2rem}.skillBarText{font-size:15px}.skillBarImg{display:none}.grid{width:300px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(7,100px)}#skills{height:auto}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent;font-family:Poppins,sans-serif}body{background:#1e1e1e;color:#fff;overflow:hidden;overflow-y:scroll}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-thumb{background:#ff0;cursor:pointer}