@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);body{margin:0;padding:0}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:initial;display:flexbox;height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.overlay h1{animation:slide-in 1s ease-out forwards;font-size:4em;letter-spacing:.05em;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.overlay p{animation:fade-in 2s 1s forwards;font-size:1.5em;max-width:auto;opacity:0;text-shadow:1px 1px 2px #00000080}.overlay1{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.overlay1 h1{animation:slide-in 1s ease-out forwards;font-size:4em;letter-spacing:.05em;margin-bottom:2rem;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.spinner{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#0000;display:block;font-size:2rem;height:2rem;position:relative;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.overlay .arrow{font-size:2rem;position:relative}.overlay .arrow span{animation:arrow 2s infinite;border-bottom:2px solid #333;border-right:2px solid #333;display:block;height:2rem;margin:-10px;transform:rotate(45deg);width:2rem}.overlay .arrow span:first-child{animation-delay:-.4s}.overlay .arrow span:nth-child(2){animation-delay:-.2s}.overlay .arrow span:nth-child(3){animation-delay:0s}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}div.project-container:first-child>h2:first-child{max-width:450px}.project{border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.project:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.project-img-box{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:200px;margin:10px;overflow:hidden;position:relative;width:100%}@media (min-width:600px){.project-img-box{height:200px;width:350px}}.project-media{height:100%;object-fit:cover;width:100%}.project-img-box img{height:100%;left:0;top:0;transition:opacity .5s ease;width:100%}.project-title{bottom:10px;color:#fff;font-family:Permanent Marker,cursive;left:10px;padding-left:12px;text-shadow:2px 2px 4px #00000080;z-index:2}.project-container{margin-bottom:20px;opacity:0;padding-left:50px;padding-right:50px;position:relative;width:auto}@media (max-width:768px){.project-img-box{height:auto;margin-bottom:20px;width:100%}.additional-content a{display:block;margin-bottom:10px}.parent-of-project-container{height:auto;overflow:visible}}.btn .bi-github{fill:#fff;padding:.25em}.btn .bi{font-size:1.5em}.btn-primary{background-image:linear-gradient(90deg,#5666f5,#7ac5f7);border:1px solid #c2cfea;border-radius:16px;box-shadow:4px 4px 10px #00000026,-4px -4px 10px #ffffffb3;color:#fff;display:none;padding:.5em 1em;transition:all .5s ease}@media (max-width:600px){.btn-primary{font-size:.8em;padding:.25em .5em}}.btn-primary .bi-github{margin-right:.5em}.btn-primary:hover{background-image:linear-gradient(90deg,#0056b3,#39f);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.project-container:first-child{animation:slideFromBottom .8s ease-out forwards;animation-delay:.25s}.project-container:nth-child(2){animation:slideFromTop .8s ease-out forwards;animation-delay:.5s}.project-container:nth-child(3){animation:slideFromBottom .8s ease-out forwards;animation-delay:.75s}@media only screen and (max-width:768px){.project-container{margin:0 auto;width:55%}.project-img-box{height:auto;width:100%}.project-image{height:auto;max-width:100%}.btn btn-primary,.btn-primary{display:none}}.overlay2{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:10px;height:100%;justify-content:center;left:0;overflow:auto;padding:10px;position:inherit;top:0;width:100%;z-index:10}.overlay2,.project-card{align-items:center;display:flex;flex-direction:column}.project-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;overflow:visible;transition:transform .3s ease;width:auto}@media (min-width:600px){.overlay2{flex-direction:row}}.project-card:hover{transform:translateY(-5px)}.project-title{color:#333;font-family:Roboto,sans-serif;font-size:24px;margin:16px 0}.project-image-container{width:100%}.project-image{display:block;height:auto;width:100%}.project-additional-content{box-sizing:border-box;padding:10px;text-align:center;width:100%}@media only screen and (max-width:768px){.project-container{margin:0 auto;width:70%}.project-img-box{height:auto;width:100%}.project-image{height:auto;max-width:100%}}.overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px}.overlay h1,.overlay>form{margin-bottom:20px}.overlay>form{max-width:600px;width:100%}.overlay>form>input,.overlay>form>textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.overlay>form>button{background-color:#5c6bc0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px;transition:background-color .3s ease;width:auto}.overlay>form>button:hover{background-color:#3f51b5}.overlay p{text-align:center}.overlay>p:nth-child(2)>a:first-child>img:first-child{fill:#fff;height:60px;width:60px}@media (max-width:768px){.overlay>form{width:90%}}
/*# sourceMappingURL=main.3408c9ed.css.map*/