@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Gaegu:wght@300;700&family=Playfair+Display:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);:root{--bg-color:#d5d5d5;--dark-color:#252422;--light-color:#dad7d0;--primary-color:#252422;--secondary-color:#403d39;--highlight-color:rgba(97,46,17,.616);--brown:#766042;--orange:#ab6010;--transition:all .5s ease-in-out}body{background-image:linear-gradient(#dad8d8,#afafaf);height:100%;margin:0}.headerNav{background:#dad8d8;position:fixed;top:0;width:100%;z-index:2}.headerNavLinks{display:flex;justify-content:flex-start;padding:10px 0}.headerLinkTag{font-family:Playfair Display,serif;font-size:14px;padding:5px}button{background-color:var(--secondary-color);color:var(--bg-color)}.headerLink,button{border:2px solid transparent;cursor:pointer;letter-spacing:2px;padding:10px 4px;text-decoration:none;transition:var(--transition)}.headerLink{color:var(--secondary-color)}.headerLink:hover,button:hover{background-color:var(--secondary-color);border:2px solid var(--light-color);border-radius:8px;color:var(--light-color)}@media (min-width:600px){.headerLinkTag{font-size:14px}.headerLink{padding:10px 24px}}.footerContainer{align-items:center;display:flex;flex-direction:column;padding:40px}#footerBackground{background:var(--dark-color)}.footerLinkTag{border:2px solid var(--dark-color);color:var(--light-color);font-family:Playfair Display,serif;font-size:24px;padding:4px;text-decoration:none}.footerLinkTag:hover{border:2px solid var(--light-color);border-radius:8px;color:var(--light-color);transition:var(--transition)}.animation{-webkit-animation:titleAnimation 6s linear infinite;animation:titleAnimation 6s linear infinite;list-style:none}@-webkit-keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}54%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}64%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}82%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}93%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}to{-webkit-transform:translateY(-90px);transform:translateY(-90px)}}@keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}54%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}64%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}82%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}93%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}to{-webkit-transform:translateY(-90px);transform:translateY(-90px)}}#homeContainer{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;margin:20px 40px}.homeTitle{font-size:28px;margin:10px}.homeTitle,.homeTitleSmall{font-family:Playfair Display,serif}.homeTitleSmall{border-bottom:1.8px solid #314478;font-size:22px;height:36px;margin:10px 10px 20px;overflow:hidden}@media (min-width:500px) and (max-width:600px){.homeTitle{font-size:30px}.homeTitleSmall{font-size:22px}}@media (min-width:601px) and (max-width:800px){.homeTitle{font-size:36px}.homeTitleSmall{font-size:26px;height:40px}@-webkit-keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}54%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}64%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}82%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}93%{-webkit-transform:translateY(-103px);transform:translateY(-103px)}to{-webkit-transform:translateY(-103px);transform:translateY(-103px)}}@keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}54%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}64%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}82%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}93%{-webkit-transform:translateY(-103px);transform:translateY(-103px)}to{-webkit-transform:translateY(-103px);transform:translateY(-103px)}}}@media (min-width:801px){#homeContainer{flex-direction:row}.homeTitle{font-size:36px}.homeTitleSmall{font-size:26px;height:40px;-webkit-transform:translateY(12px);transform:translateY(12px)}@-webkit-keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}54%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}64%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}82%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}93%{-webkit-transform:translateY(-103px);transform:translateY(-103px)}to{-webkit-transform:translateY(-103px);transform:translateY(-103px)}}@keyframes titleAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(0);transform:translateY(0)}26%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}54%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}64%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}82%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}93%{-webkit-transform:translateY(-103px);transform:translateY(-103px)}to{-webkit-transform:translateY(-103px);transform:translateY(-103px)}}}#contactWrap{background-image:linear-gradient(200deg,#1f4577,#314478);-webkit-clip-path:polygon(0 15vh,100% 0,100% 100%,0 100%);clip-path:polygon(0 15vh,100% 0,100% 100%,0 100%);padding-bottom:2%;padding-top:18%}.contactContainer{color:var(--light-color);display:flex;justify-content:center}.contactTitle{color:var(--light-color);font-family:Playfair Display,serif;font-size:30px;text-align:center}#contactText{font-size:22px}#contactText,.contactInfo{font-family:Open Sans,sans-serif}.contactInfo{color:var(--light-color);font-size:24px;letter-spacing:1px;margin-bottom:60px;margin-top:0;text-decoration:none}@media (max-width:1200px) and (min-width:900px){.contactInfo{font-size:28px}#contactWrap{padding-top:12%}.contactTitle{font-size:32px}}@media (min-width:1201px){.contactInfo{font-size:28px}#contactWrap{padding-top:8%}.contactTitle{font-size:32px}}#projectsGrid{margin-bottom:20px}#projectScroll{padding:4px}.projectContainerImageLeft{margin-top:20px}.projectContainerImageLeft,.projectContainerImageRight{display:grid;grid-template-areas:"image" "title" "projectDesc" "buttons ";grid-template-columns:1fr;grid-template-rows:1fr;padding:10px;place-items:center}.projectContainerImageRight{margin-bottom:60px;margin-top:60px}.projectImg{border-radius:6px;box-shadow:2px 2px 10px #26201a;height:100%;margin-bottom:10px;width:100%}.projectImgCont{grid-area:image;text-align:center;transition:var(--transition)}.projectImgCont:hover{-webkit-filter:grayscale(30%);filter:grayscale(30%)}.projectDesc{font-family:Open Sans,sans-serif;font-size:20px;grid-area:projectDesc;text-align:center;width:100%}.projectName{font-family:Playfair Display,serif;font-size:22px;grid-area:title;margin-bottom:0;margin-top:10px}.githubButton{margin-bottom:10px;margin-right:30px}.githubButton,.liveButton{border-radius:2px;font-size:16px;padding:15px}.liveButton{margin-left:30px}.projectButtonDiv{border-radius:2px;display:flex;grid-area:buttons}#projectsGridTitle{border-bottom:1.8px solid #314478;font-family:Playfair Display,serif;font-size:26px;margin:0 auto;text-align:center;width:150px}@media (min-width:500px) and (max-width:900px){.projectImg{width:100%}.projectName{font-size:22px}.projectDesc{width:100%}.projectContainerImageLeft{margin:24px 10px 10px}.projectContainerImageRight{margin:60px 10px}}@media (min-width:901px) and (max-width:1050px){.projectImg{width:80%}.projectName{font-size:22px}.projectContainerImageRight{margin:60px 10px}.projectContainerImageLeft{margin:24px 10px 10px}#projectsGridTitle{font-size:26px}#projectsGrid{padding:0 4vw}}@media (min-width:1051px){.projectImg{height:auto;max-width:660px;width:90%}.projectName{font-size:26px}.projectContainerImageLeft{grid-template-areas:"image title" "image projectDesc " "image buttons";grid-template-columns:1fr .8fr;grid-template-rows:.5fr 1fr .5fr;margin-top:40px;padding-right:60px}.projectContainerImageRight{grid-template-areas:"title image" "projectDesc image" "buttons image";grid-template-columns:.8fr 1fr;grid-template-rows:.5fr 1fr .5fr;margin-top:60px;padding-left:60px}#projectsGridTitle{font-size:32px}#projectsGrid{padding:0 6vw}}.aboutContainer{border-radius:14px;margin:0 10px}#aboutMargin{background-image:linear-gradient(#314478,#1f4577);-webkit-clip-path:polygon(0 0,100% 0,100% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);display:flex;flex-direction:column;padding-bottom:60%}.aboutTitle{font-family:Playfair Display,serif;font-size:24px}.aboutParagraph,.aboutTitle{color:var(--light-color);text-align:center}.aboutParagraph{font-family:Open Sans,sans-serif;font-size:20px}.aboutImage{border-radius:4px;box-shadow:2px 2px 10px #26201a;-webkit-filter:grayscale(20%);filter:grayscale(20%);margin:100px auto 30px;transition:var(--transition);width:50vw}.aboutImage:hover{-webkit-filter:grayscale(30%);filter:grayscale(30%)}.aboutImages{text-align:center}.aboutImages img{height:40px;padding:4px}.aboutSkillLogo{width:90px}@media (min-width:800px) and (max-width:999px){.aboutTitle{font-size:32px}.aboutParagraph{font-size:22px}.aboutContainer{margin:10px auto;width:75%}.aboutImage{width:390px}}@media (min-width:1000px) and (max-width:1299px){.aboutTitle{font-size:32px}.aboutParagraph{font-size:22px}.aboutContainer{margin:80px auto 10px;width:75%}#aboutMargin{display:grid;grid-template-columns:.1fr 1fr;grid-template-rows:1fr;padding-bottom:30%}.aboutImage{margin:150px 0 0 10vw;width:430px}}@media (min-width:1300px){.aboutTitle{font-size:32px}.aboutParagraph{font-size:22px}.aboutContainer{margin:80px auto 10px;width:75%}#aboutMargin{display:grid;grid-template-columns:.1fr 1fr;grid-template-rows:1fr;padding-bottom:15%}.aboutImage{margin:150px 0 0 10vw;width:430px}}
/*# sourceMappingURL=main.c274399e.css.map*/