@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Oswald:wght@500&display=swap);*{list-style:none;margin:0;padding:0;text-decoration:none}body{background-color:#f1f2da}.wrapper{display:flex;justify-content:center;overflow:hidden;position:absolute;width:100%}.inner_wrapper{height:100%;max-width:1400px;width:100%}.animation{opacity:1}.animateUP{-webkit-animation:goingUp 1.5s forwards;animation:goingUp 1.5s forwards}.animateLEFT{-webkit-animation:goingLeft 1.5s forwards;animation:goingLeft 1.5s forwards}.animateRIGHT{-webkit-animation:goingRight 1.5s forwards;animation:goingRight 1.5s forwards}@-webkit-keyframes goingUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes goingUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@-webkit-keyframes goingLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1}}@keyframes goingLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1}}@-webkit-keyframes goingRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1}}@keyframes goingRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1}}.header{background-color:#00303b;color:#fff;display:block;height:10vh;margin-bottom:50px;min-height:50px;position:fixed;top:0;width:100%;z-index:2}.inner_header{display:block;height:100%;margin:0 auto;width:85%}.initials_container{display:table;float:left;height:100%}.initials_container a{display:table-cell;vertical-align:middle}.initials_container h1{color:#fff;font-family:Jost,sans-serif;font-size:35px;transition:.25s ease;-webkit-user-select:none;user-select:none}.initials_container :hover{opacity:.7}.navigation{float:right;font-family:Oswald,sans-serif;font-size:3vh;height:100%;-webkit-user-select:none;user-select:none}.navigation a{color:#fff;display:table;float:left;font-size:20px;height:100%;padding:0 20px}.navigation a :hover{opacity:.7}.navigation a li{display:table-cell;transition:.25s ease;vertical-align:middle}.modal_wrapper{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:.2s ease;width:100%;z-index:2}.inner_modal{background-color:#fff;border-radius:24px;color:#00303b;display:block;font-family:Jost,sans-serif;height:70%;margin:12vh auto;overflow:hidden;padding:40px;width:60%}.inner_modal h2{font-weight:600;text-align:center;width:100%}.modal_text_container{height:90%;margin-top:1%;overflow-y:scroll}.inner_modal h3{font-weight:400;width:100%}.intro{display:block;font-family:Jost,sans-serif;height:91vh;margin-top:8vmax;max-height:1000px;min-height:500px}.inner_intro{align-items:middle;height:88%;margin:0 auto;width:80%}.inner_intro,.intro_left{display:flex;justify-content:center}.intro_left{flex-direction:column;width:70%}.intro_text_container{display:table;height:25%;width:100%}.intro_text_container h2{color:#00303b;display:table-cell;font-size:4vw;font-weight:500;text-align:center;vertical-align:middle}.link_container{display:flex;margin-top:2%;-webkit-user-select:none;user-select:none}.link_container a{border-radius:30px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;text-align:center;width:30%}.link_container a,.link_container button{background-color:#00303b;color:#fff;font-size:2.5vw;font-weight:400;margin:auto;padding:5px;transition:.25s ease}.link_container button{border:0;border-radius:30px;font-family:Jost,sans-serif;width:50%}.link_container :hover{background-color:#f77}.intro_img_container{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.intro_img_container img{border:1.2vw solid #00303b;border-radius:50%;height:auto;max-width:60%}.scroll{color:#00303b;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.5s ease;width:100%}.scroll h3{font-family:Jost,sans-serif;font-size:28px;font-weight:400}.scroll span{-webkit-animation:scrollDown 1.5s infinite;animation:scrollDown 1.5s infinite;border-bottom:2px solid #00303b;border-left:2px solid #00303b;box-sizing:border-box;height:24px;left:50%;margin-left:-1vw;margin-top:2vw;position:absolute;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:24px}@-webkit-keyframes scrollDown{0%{opacity:0;-webkit-transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg) translate(-20px,20px)}}@keyframes scrollDown{0%{opacity:0;-webkit-transform:rotate(-45deg) translate(0);transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg) translate(-20px,20px);transform:rotate(-45deg) translate(-20px,20px)}}.f_proj{color:#00303b;font-family:Jost,sans-serif;height:90vh;margin-bottom:4vh;max-height:1000px;min-height:700px;width:100%}.f_proj h2{background-color:#fff;border-radius:20px;color:#00303b;font-size:3vw;font-weight:400;margin:auto;text-align:center;width:30%}.project_wrapper{height:90vh;max-height:1000px;min-height:700px;width:100%}.project{color:#00303b;font-family:Jost,sans-serif;height:90%;max-height:800px;width:100%}.project_wrapper .project{height:100%}.project :hover{box-shadow:25px 25px #00303b;-webkit-transform:scale(1.02);transform:scale(1.02)}.inner_proj{background-color:#fff;border-radius:50px;display:block;height:90%;margin-left:5%;position:relative;transition:.2s ease;width:90%}.inner_proj :hover{box-shadow:0 0 #00303b;-webkit-transform:scale(1);transform:scale(1)}.inner_proj h2{background-color:initial;font-size:3vw;font-weight:400;padding-top:2%;text-align:center;width:100%}.date{font-size:14px;position:absolute;right:5%;top:4%}.proj_flex{display:flex;height:80%}.proj_left{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.proj_left img{border:10px solid #f1f2da;border-radius:20px;width:84%}.proj_right{display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.proj_text_container{margin-bottom:4%;overflow-y:scroll;width:90%}.proj_right h3{font-family:Jost,sans-serif;font-size:20px;font-weight:400;text-align:justify}.proj_flex .link_container{width:90%}.proj_flex .link_container a{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:40%}.r_blog{align-items:center;display:flex;flex-direction:column;font-family:Jost,sans-serif;height:80vh;min-height:700px}.blog_wrapper,.r_blog{max-height:1000px;width:100%}.blog_wrapper{height:70vh;min-height:600px}.r_blog h2{background-color:#fff;border-radius:20px;color:#00303b;font-size:3vw;font-weight:400;text-align:center;width:30%}.blog_row{font-family:Jost,sans-serif;height:70%;width:100%}.blog_wrapper .blog_row{height:100%}.blog_row :hover{box-shadow:15px 15px #00303b;-webkit-transform:scale(1.02);transform:scale(1.02)}.blog_post{background-color:#fff;border-radius:40px;color:#00303b;float:left;height:80%;margin-left:5%;margin-right:5%;margin-top:4vh;max-height:500px;overflow:hidden;position:relative;transition:.2s ease;width:40%}.blog_post :hover{box-shadow:0 0 #00303b;-webkit-transform:scale(1);transform:scale(1)}.blog_post h3{font-size:160%;padding-top:4%;position:relative;text-align:center;width:100%}.blog_post h3,.blog_post h4{color:#00303b;font-weight:400}.blog_post h4{font-size:120%;height:65%;overflow-y:scroll;padding:2% 5% 5%;text-align:justify;white-space:pre-wrap;width:90%}.r_blog .link_container{margin-bottom:50px;width:20%}.r_blog .link_container a{width:70%}.whiteBox{bottom:0;height:52px;right:0;width:100%}.enlarger,.whiteBox{background-color:#fff;position:absolute}.enlarger{bottom:4%;right:4%}.enlarger,.enlarger h2{-webkit-user-select:none;user-select:none}.enlarger h2{background-color:initial;font-size:24px;transition:.25s ease;width:100%}.enlarger :hover{opacity:.8}.footer{color:#fff;font-family:Jost,sans-serif;height:10vh;width:100%}.footer h4{font-weight:400;opacity:.3;text-align:center;width:100%}.inner_footer{background-color:#00303b;bottom:0;height:auto;left:0;position:absolute;width:100%}.icons{align-items:center;display:flex;justify-content:center;width:100%}.icons img{height:40px;margin:15px 10px 0;transition:.2s ease}.icons a :hover{opacity:.8}.page_intro{align-items:center;display:flex;height:20vh;margin-top:10vh;width:100%}.page_intro h1{background-color:#00303b;border-radius:40px;color:#fff;font-family:Jost,sans-serif;font-size:3.2vw;font-weight:500;margin:auto;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:10px;text-align:center;width:20%}@media screen and (min-width:1400px){.intro_text_container h2{font-size:360%}.link_container a,.link_container button{font-size:200%}.intro_img_container img{border:16px solid #00303b}.f_proj h2,.project h2,.r_blog h2{font-size:260%}}@media screen and (max-width:1100px){.date{display:none}}@media screen and (max-width:800px){.animation{opacity:1}.inner_intro{flex-direction:column-reverse}.intro_left{width:100%}.intro_text_container h2{font-size:5vw}.intro_img_container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.intro_img_container img{max-width:40%}.link_container a{font-size:4vw}.scroll span{margin-left:-3vw;margin-top:3vh}.f_proj{height:120vh;margin-bottom:0}.f_proj h2{font-size:5vw;width:50%}.f_proj .project{height:96%}.project :hover{box-shadow:10px 10px #00303b}.inner_proj :hover,.project :hover{-webkit-transform:scale(1);transform:scale(1)}.inner_proj :hover{box-shadow:0 0 #00303b}.inner_proj h2{width:100%}.proj_flex{flex-direction:column}.proj_left{display:none}.proj_text_container{padding:5%}.proj_flex .link_container,.proj_right{width:100%}.r_blog{height:160vh}.r_blog h2{font-size:4vw;width:50%}.blog_row{flex-direction:column;height:90%}.blog_row :hover{box-shadow:10px 10px #00303b}.blog_post :hover,.blog_row :hover{-webkit-transform:scale(1);transform:scale(1)}.blog_post :hover{box-shadow:0 0 #00303b}.blog_post{height:45%;width:90%}}@media screen and (max-width:500px){.initials_container h1{font-size:32px}.navigation a{font-size:20px;padding:0 10px}.intro_left{width:100%}.intro_text_container h2{font-size:30px}.intro_img_container img{border:12px solid #00303b}.link_container{flex-direction:column}.link_container a{font-size:20px;margin-top:10px;width:60%}.f_proj h2{font-size:30px;width:65%}.inner_proj h2{font-size:25px;margin:auto;width:80%}.proj_text_container{padding:5% 10%;width:80%}.proj_text_container h3{font-size:18px}.proj_flex{flex-direction:column}.proj_right{width:100%}.r_blog h2{font-size:30px;width:80%}.page_intro h1{font-size:30px;width:40%}}
/*# sourceMappingURL=main.68f72e5a.css.map*/