@font-face{font-family:my-standard;src:url(/portfolio/static/media/my-standard.dc7d68f7f0c21e4bfb36.ttf)}@font-face{font-family:Hand of Jun;src:url(/portfolio/static/media/Hand%20of%20Jun.fbd44a58c8fc22c3eb8b.otf)}@font-face{font-family:Thirty Sans Bold DEMO;src:url(/portfolio/static/media/Thirty%20Sans%20Bold%20DEMO.c526a5fd611e62d0d845.ttf)}@font-face{font-family:Chocolates Trial Regular;src:url(/portfolio/static/media/TT%20Chocolates%20Trial%20Regular.d35682ebb54643e696e6.otf)}body{color:#fff;margin:0;scroll-behavior:smooth}.about,body{background-color:#252525}.about{align-items:flex-start;display:flex;height:300px;justify-content:space-between;width:100%}.about-description{box-sizing:border-box;max-width:60%;padding:20px}.description{font-family:Hand of Jun,sans-serif;font-size:1.5rem;font-weight:lighter;line-height:1.3;padding:15px;width:100%}.signature{margin-left:515px;margin-top:10px;max-height:60px}.about-photo{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:15px;width:40%}.photo{display:block;max-height:100%;max-width:100%}@media (max-width:767px){.about{align-items:center;flex-direction:column}.about-description{max-width:80%}.about-description,.about-photo{margin:10px 0;padding:10px}.about-photo{margin-top:-100px;max-width:100%}.photo{margin-right:0;max-width:350px}.signature{margin-left:135px}}.contact-section{background-color:#181818;text-align:center;width:100%}.contact-section h2{font-family:Thirty Sans Bold DEMO}.contact{margin-top:25px;padding:25px}.contact-form{background-color:#181818}.contact-form h2{font-family:Chocolates Trial Regular;letter-spacing:1px}.contact-note{color:#e2b64d}.contact-form p{font-family:Chocolates Trial Regular;letter-spacing:1px;margin-bottom:50px}.form input{outline:none}.form input,.form textarea{background-color:#181818;border:none;box-sizing:border-box;color:#fff;font-family:Chocolates Trial Regular;font-size:16px;letter-spacing:1px;padding:20px;width:80%}.form textarea{max-width:80%;min-width:80%}.form button{font-family:Chocolates Trial Regular;font-size:16px;margin-top:10px;padding:10px;width:80%}.send-button{cursor:pointer}.form hr{width:80%}.error-message{color:red;font-size:14px;margin-top:10px}.success-message{color:green;font-size:14px;margin-top:10px}.footer{background-color:#181818;font-family:Chocolates Trial Regular;height:200px;letter-spacing:1px;text-align:center;width:100%}.footer-space{padding:25px}.footer-space h2{font-family:Chocolates Trial Regular;letter-spacing:1px}.email{color:#e2b64d;font-size:medium}.social-media i{margin-right:15px}.social-media a{color:#fff}.navbar{background-color:#181818;height:250px;width:100%}.logo{display:block;margin:auto;max-height:100px}.headline{font-family:my-standard,sans-serif;letter-spacing:1.5px;width:100%}.headline,.nav-links{color:#fff;text-align:center}.nav-links{font-family:Chocolates Trial Regular,sans-serif;z-index:1}.nav-links a{border-radius:10px;color:inherit;letter-spacing:1px;margin-right:15px;text-decoration:none}.nav-links a:hover{background-color:#686868}.burger-menu{cursor:pointer;display:none;position:absolute;right:15px;top:15px;z-index:2}.burger-menu .line{background-color:#fff;display:block;height:3px;margin:8px auto;transition:all .3s ease-in-out;width:30px}.hamburger:hover{cursor:pointer}#hamburger-1.show .line:nth-child(2){opacity:0}#hamburger-1.show .line:first-child{transform:translateY(13px) rotate(45deg)}#hamburger-1.show .line:nth-child(3){transform:translateY(-13px) rotate(-45deg)}@media screen and (max-width:767px){.nav-links{animation:dropDown .5s ease-in-out;background-color:#181818;display:none;flex-direction:column;height:auto;justify-content:center;left:0;margin-top:-50px;position:absolute;top:60px;width:100%}@keyframes dropDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-links a{border-radius:0;color:#e2b64d;justify-content:space-between;margin-bottom:30px;margin-top:20px}.nav-links a:hover{background-color:#181818}.nav-links.show{display:flex}.burger-menu{display:block}}.projects-section h2{font-family:Thirty Sans Bold DEMO,sans-serif;margin-top:25px;padding:25px;text-align:center}.projects{display:flex;justify-content:space-evenly;width:100%}.projects h2{color:#e2b64d}.projects h2,.projects p{font-family:Chocolates Trial Regular;letter-spacing:1px}.projects p{color:#fff;padding:20px}.project{background-color:#181818;height:500px;max-width:300px;overflow:hidden;position:relative;width:100%}.projects h5{font-family:Chocolates Trial Regular;font-size:small;letter-spacing:1px}.project:hover .project-content{filter:blur(4px)}.project:hover .github-button{opacity:1;transform:translateY(-50%)}.project-content{transition:filter .3s ease}.github-button{color:#fff;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.2);transition:opacity .3s ease,transform .3s ease}#view-on-github{bottom:36%;left:40%;opacity:0;position:absolute;text-align:center}.project:hover #view-on-github{cursor:pointer;opacity:1;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease}@media (max-width:767px){.projects{align-items:center;flex-direction:column}.project{margin-bottom:20px;max-width:80%}}.form-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.form-overlay.closing{opacity:0}.heading{letter-spacing:1.3px}.form-content,.heading{font-family:Chocolates Trial Regular}.form-content{animation:slideIn .3s ease;background:#181818;border-radius:8px;box-sizing:border-box;height:auto;position:relative;text-align:center;width:680px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-content{padding:50px}form{margin-top:20px}.form-content input{outline:none}.form-content input,.form-content textarea{background-color:#181818;border:none;box-sizing:border-box;color:#fff;font-family:Chocolates Trial Regular;font-size:16px;letter-spacing:1px;padding:20px;width:80%}.form-content textarea{max-width:80%;min-width:80%}.form-buttons button{background-color:#e2b64d;border:none;color:#181818;font-family:Chocolates Trial Regular;font-size:20px;margin-top:50px;outline:inherit;padding:10px;width:20%}.form-buttons button:hover{cursor:pointer}.error{color:red;font-size:.9em}.close-button{background:none;border:none;color:#e2b64d;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:color .3s ease}.close-button:hover{color:#fff}.close-button:focus{outline:2px solid #e2b64d}@media (max-width:767px){.form-content{height:auto;width:80%}.heading{font-size:1em;letter-spacing:1.3px}form{margin-top:40px}.form-content input{width:100%}.form-buttons button{margin-top:35px;padding:6px;width:60%}}.services-section{background-color:#252525;margin-top:25px;text-align:center;width:100%}.services-section h2{font-family:Thirty Sans Bold DEMO}.services{margin-top:35px}.service{text-align:center}.service h3{color:#e2b64d}.service h3,.service p{font-family:Chocolates Trial Regular;letter-spacing:1px}.service p{margin:auto;max-width:870px;text-align:center}.service hr{border-color:#e2b64d;margin-bottom:15px;margin-top:-15px;max-width:15%}.resume button{background-color:#e2b64d;border:none;color:#181818;font-family:Chocolates Trial Regular;font-size:20px;margin-top:35px;outline:inherit;padding:10px;width:30%}.resume button:hover{background-color:#fff;color:#181818}.download-button{cursor:pointer}@media (max-width:767px){.service p{max-width:400px}.service hr{max-width:30%}.resume button{font-size:18px;width:50%}}.featured{align-items:center;display:flex;justify-content:space-evenly;margin-top:30px;padding:25px}.description h2,.description p{font-family:Chocolates Trial Regular;letter-spacing:1px}.description p{font-size:medium}#born-on-instagram,.description a{color:#ff0175}@media (max-width:767px){.featured{flex-direction:column;justify-content:center}.certificate{max-width:100%}.boi-certificate{max-width:80%}}#skills{scroll-behavior:smooth}.skills-section{background-color:#181818;font-family:Thirty Sans Bold DEMO,sans-serif;padding:25px;text-align:center}.skills img{height:auto;max-height:350px;max-width:100%}@media (max-width:767px){.skills-section{margin-top:450px}.skills img{max-height:250px}}
/*# sourceMappingURL=main.47c8c928.css.map*/