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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contact-page-container{align-items:center;display:flex;flex-wrap:wrap;height:90vh;justify-content:space-around}.contact-page-container .contact-box{border:1px solid #d1b704;border-radius:10px;height:250px;margin:20px;width:300px}.contact-page-container .contact-box,.contact-page-container .contact-box a{align-items:center;color:#151516;display:flex;flex-direction:column;justify-content:center}.contact-page-container .contact-box a{height:100%;text-decoration:none;width:100%}.contact-page-container .contact-box svg{fill:#1b86bc;height:50px;margin:30px;width:50px}@media screen and (max-width:700px){.contact-page-container{height:100%}}@font-face{font-family:oswald;src:url(/static/media/Oswald-VariableFont_wght.88fc6c5b10cd8b2781cb.ttf)}@font-face{font-family:blackpine;src:url(/static/media/Blackpine-4BEVW.d0d6d74271f790438680.ttf)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#ffde00;height:100%;width:100%}.navbar{background:#ffde00;justify-content:space-between;width:100%}.navbar,.navbar #nav-logo{align-items:center;display:flex}.navbar #nav-logo{height:130px;justify-content:center;position:relative}.navbar #nav-logo a,.navbar #nav-logo a img{height:100%;width:100%}@media screen and (max-width:700px){.navbar #nav-logo{height:100px;width:150px}}.navbar .nav-options{position:relative;width:60%;z-index:5}.navbar .nav-options ul{display:flex;justify-content:space-around;list-style:none;position:relative}.navbar .nav-options ul svg{transition:all .2s ease-in}.navbar .nav-options ul .left-bracket{height:20px;opacity:0;transform:translate(-20px,8px);visibility:hidden;width:20px}.navbar .nav-options ul .right-bracket{height:20px;opacity:0;transform:translate(20px,8px);visibility:hidden;width:20px}.navbar .nav-options ul a{color:#1b86bc;display:flex;position:relative;text-decoration:none;transition:all .2s ease-in;width:-moz-fit-content;width:fit-content}.navbar .nav-options ul a:hover .left-bracket,.navbar .nav-options ul a:hover .right-bracket{opacity:1;transform:translateY(6px);transition:all .2s ease-in;visibility:visible}.navbar .nav-options ul li{color:#151616;display:flex;font-family:oswald;font-size:20px;transition:all .2s ease-in}@media screen and (max-width:700px){.navbar .nav-options{display:none}}.mobile-menu{background-color:#1b86bc;color:#ffde00;height:100%;padding-top:20px;width:50vw}.mobile-menu ul{align-items:center;display:flex;flex-direction:column;gap:50px;height:50%;list-style:none;position:relative}.mobile-menu ul svg{transition:all .2s ease-in}.mobile-menu ul .left-bracket{height:20px;opacity:0;transform:translate(-20px,8px);visibility:hidden;width:20px}.mobile-menu ul .right-bracket{height:20px;opacity:0;transform:translate(20px,8px);visibility:hidden;width:20px}.mobile-menu ul a{color:#151616;display:flex;position:relative;text-decoration:none;transition:all .2s ease-in;width:-moz-fit-content;width:fit-content}.mobile-menu ul a:hover .left-bracket,.mobile-menu ul a:hover .right-bracket{opacity:1;transform:translateY(6px);transition:all .2s ease-in;visibility:visible}.mobile-menu ul li{color:#ffde00;display:flex;font-family:oswald;font-size:18px;transition:all .2s ease-in}.menu-btn{background-color:#1b86bc!important;bottom:5vh;display:none!important;position:fixed!important;right:8vh;z-index:100}.menu-btn svg{fill:#ffde00}@media screen and (max-width:700px){.menu-btn{display:flex!important}}.about-page-container{align-items:flex-start;background:#ffde00;color:#151616;display:flex;font-family:oswald;height:100%;justify-content:space-between;margin-top:80px;width:100%}.about-page-container .about-content{align-items:flex-start;display:flex;flex-direction:column;height:80vh;margin-left:100px;width:50%}@media screen and (max-width:500px){.about-page-container .about-content{height:100%;margin-bottom:30px;margin-left:0;margin-right:30px;width:80%}}.about-page-container .about-content h2{font-size:40px;margin-bottom:30px}.about-page-container .about-content p{font-size:16px;font-weight:400}.about-page-container .about-img{align-items:flex-start;display:flex;height:82vh;justify-content:flex-start;position:relative;width:82vh}.about-page-container .about-img img{height:100%;position:absolute;top:-130px;width:100%}@media screen and (max-width:500px){.about-page-container .about-img{align-items:center;height:40vh;justify-content:center;overflow-x:hidden;width:80vw}.about-page-container .about-img img{height:100%;overflow-x:hidden;top:0;width:100%}.about-page-container{align-items:center;flex-direction:column-reverse;margin-bottom:30px;margin-top:0;overflow-x:hidden}}.homepage-container{align-items:center;background:#ffde00;display:flex;height:80vh;justify-content:space-between;width:100%}.homepage-container .graphics-container{position:relative;width:40%}.homepage-container .graphics-container svg{height:80vh;position:absolute;right:0;top:-50vh;width:100%}@media screen and (max-width:700px){.homepage-container .graphics-container{display:none}}.homepage-container .intro-container{transform:translateY(-50px)}.homepage-container .intro-container h1{color:#151616;font-family:oswald;font-size:55px;font-weight:400;margin-left:20px;text-transform:uppercase}@media screen and (max-width:500px){.homepage-container .intro-container h1{font-size:40px}}.homepage-container .intro-container .intro-rectangle{background-color:#1b86bc;height:120%;left:-20px;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:500px){.homepage-container .intro-container .intro-rectangle{height:140%}}.homepage-container .intro-container #web-developer{color:#ffde00;position:relative;width:100%;z-index:1}@media screen and (max-width:500px){.homepage-container{height:80vh}}.projects-page-container{color:#151616;font-family:oswald;height:90vh;padding:40px 0 0 100px}.projects-page-container .projects-container{display:flex;flex-wrap:wrap;height:100%;justify-content:space-around}@media screen and (max-width:700px){.projects-page-container .projects-container{justify-content:flex-start}}.projects-page-container h1{font-size:50px;margin-bottom:20px}.projects-page-container a{color:inherit;text-decoration:none}.projects-page-container .project{align-items:center;border:1px solid #d1b704;border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:space-between;margin:20px;padding:10px;position:relative;width:300px}.projects-page-container .project .project-img{background-color:#fff;border-radius:10px;height:100%;width:100%}.projects-page-container .project .project-img img{border-radius:10px;height:100%;object-fit:contain;width:100%}@media screen and (max-width:500px){.projects-page-container .project .project-img{height:100%;width:100%}}.projects-page-container .project .project-buttons{display:flex;justify-content:space-around;width:80%}.projects-page-container .project .project-buttons .visit-btn a{align-items:center;border:1px solid #1b86bc;border-radius:5px;color:#1b86bc;display:flex;height:35px;justify-content:center;margin-top:10px;transition:all .2s ease-in;width:90px}.projects-page-container .project .project-buttons .visit-btn a:hover{background-color:#1b86bc;color:#ffde00}@media screen and (max-width:500px){.projects-page-container .project .project-buttons .visit-btn a{height:30px;width:70px}}.projects-page-container .project .project-buttons .github-btn{align-items:center;background-color:#151616;border-radius:5px;color:#ffde00;display:flex;height:35px;justify-content:center;margin-top:10px;transition:all .2s ease-in;width:90px}.projects-page-container .project .project-buttons .github-btn a{align-items:center;display:flex;justify-content:space-around;width:100%}.projects-page-container .project .project-buttons .github-btn:hover{background-color:#000}.projects-page-container .project .project-buttons .github-btn svg{fill:#ffde00;height:15px;width:15px}@media screen and (max-width:500px){.projects-page-container .project .project-buttons .github-btn{height:30px;width:70px}.projects-page-container .project .project-buttons .github-btn a{align-items:center;display:flex;justify-content:space-around;width:100%}.projects-page-container .project .project-buttons .github-btn svg{height:12px;margin:0;width:12px}.projects-page-container .project{height:250px;width:300px}}@media screen and (max-width:700px){.projects-page-container{height:100%;padding:10px 10px 10px 30px}.projects-page-container h1{margin-bottom:50px}}.skills-page-container{display:flex;justify-content:space-between;padding:60px 0 0 100px}.skills-page-container .skills-container{color:#151616;font-family:oswald;width:330px}.skills-page-container .skills-container h1{font-size:50px}.skills-page-container .skills-container #note{font-weight:800;margin-top:20px}.skills-page-container .skills-container .skill{margin-top:25px;width:330px}.skills-page-container .skills-container .skill .skill-content-container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:700px){.skills-page-container .skills-container .skill .skill-content-container{font-size:14px}}.skills-page-container .skills-container .skill .skill-bar{background:#d1b704;border-radius:45px;box-shadow:inset 0 1px 1px #00000040;display:flex;height:10px;justify-content:space-around;margin-top:10px;overflow:hidden;position:relative}.skills-page-container .skills-container .skill .skill-bar .skill-bar-br{background-color:#ffde00;height:100%;width:3px;z-index:1}.skills-page-container .skills-container .skill .skill-bar .skill-bar-rect{background:#1b86bc;height:10px;left:0;position:absolute;width:90%;z-index:0}@media screen and (max-width:700px){.skills-page-container .skills-container h1{font-size:40px}}.skills-page-container .skills-image{height:480px;width:50%}@media screen and (max-width:700px){.skills-page-container .skills-image{display:none}.skills-page-container{padding:10px 10px 10px 30px}}@media screen and (max-width:800px){.skills-page-container{padding:10px 10px 10px 30px}}
/*# sourceMappingURL=main.2ecfe913.css.map*/