.compass[data-v-f814595e]{width:75px;height:75px;background-color:#f3f3f3;border-radius:100%;background-image:-webkit-linear-gradient(top,#F7F7F7,#ECECEC);position:relative;margin:2vh 1vw}.compass-inner[data-v-f814595e]{top:5.5625px;left:5.5625px;width:63.75px;height:63.75px;background-color:#3d3d3d;border-radius:100%;position:relative;border:.5625px solid #C5C5C5}.main-arrow[data-v-f814595e]{height:100%;width:5.625px;left:28.5px;position:relative;padding-top:.9375px;box-sizing:border-box;transition:transform ease 0s,animation-play-state 0s;transform:rotate(20deg);animation:spin-f814595e 2s alternate infinite;-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-o-animation:spin-f814595e 2s alternate infinite;-moz-transform:rotate(20deg);-moz-animation:spin-f814595e 2s alternate infinite;-webkit-transform:rotate(20deg);-webkit-animation:spin-f814595e 2s alternate infinite;animation-play-state:running}.compass:not(.compass:hover) .compass-inner .inactive_animation[data-v-f814595e]{animation-play-state:paused!important}.arrow-up[data-v-f814595e]{width:0;height:0;border-left:2.8125px solid transparent;border-right:2.8125px solid transparent;border-bottom:30.9375px solid #EF5052;position:relative}.arrow-down[data-v-f814595e]{-webkit-transform:rotate(180deg);width:0;transform:rotate(180deg);-ms-transform:rotate(180deg);height:0;border-left:2.25px solid transparent;border-right:2.25px solid transparent;border-bottom:30.9375px solid #F3F3F3;position:relative}.north[data-v-f814595e]{font-size:6.75px;font-family:Lobster Two,cursive;color:#fff;position:absolute;left:29.0625px;top:1.875px}.east[data-v-f814595e]{font-size:6.75px;font-family:Lobster Two,cursive;color:#fff;position:absolute;left:54.375px;top:28.125px}.west[data-v-f814595e]{font-size:6.75px;font-family:Lobster Two,cursive;color:#fff;position:absolute;left:5px;top:28.125px}.south[data-v-f814595e]{font-size:6.75px;font-family:Lobster Two,cursive;color:#fff;position:absolute;left:29.0625px;top:52.5px}@keyframes spin-f814595e{0%{transform:scale(1) rotate(0)}50%{transform:scale(1) rotate(80deg)}to{transform:scale(1) rotate(-180deg)}}@-o-keyframes spin-f814595e{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}to{-webkit-transform:scale(1) rotate(-180deg)}}@-moz-keyframes spin-f814595e{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}to{-webkit-transform:scale(1) rotate(-180deg)}}@-webkit-keyframes spin-f814595e{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}to{-webkit-transform:scale(1) rotate(-180deg)}}#compass[data-v-9efb546c]{position:fixed}.navigation_menu[data-v-9efb546c]{z-index:12;position:fixed;top:0;left:0;display:flex;flex-direction:row;pointer-events:none}nav[data-v-9efb546c]{left:25%;max-height:fit-content;max-width:fit-content;display:flex;justify-content:flex-end;align-self:center}nav a[data-v-9efb546c]{background:none;height:fit-content;color:#ff4500;cursor:pointer;padding:2vh 1.3vw;font-size:1.2rem;pointer-events:all}nav a[data-v-9efb546c]:hover{color:#764e13}.fade-enter-from[data-v-9efb546c],.fade-leave-to[data-v-9efb546c]{opacity:0}.fade-enter-to[data-v-9efb546c],.fade-leave-from[data-v-9efb546c]{opacity:1}.fade-enter-active[data-v-9efb546c],.fade-leave-active[data-v-9efb546c]{transition:opacity 1s ease}@media screen and (min-width: 1300px){#compass[data-v-9efb546c]{left:1%;top:0;transform:scale(1)}}@media screen and (max-width: 900px){#compass[data-v-9efb546c]{left:1%;top:0;transform:scale(.8)}}@media screen and (max-width: 600px){#compass[data-v-9efb546c]{left:0vw;top:0;transform:scale(.6)}}@media screen and (max-width: 750px){.navigation_menu[data-v-9efb546c]{display:flex;width:95vw;height:95vh;max-height:95svh;max-width:95svw;left:2.5svw;top:2.5svh;pointer-events:none;border-radius:10%;transition:.5s ease}.navigation_menu.change[data-v-9efb546c]{background-color:#3e3939a6}#nav[data-v-9efb546c]{display:flex;pointer-events:all;flex-direction:column}}#loading_fade[data-v-9f13c075]{position:fixed;left:0;top:0;width:100vw;width:100svw;height:100vh;height:100svh;background-color:#131010;filter:blur(3px);z-index:10}.fade-leave-active[data-v-9f13c075]{transition:opacity 1.5s ease}.fade-leave-to[data-v-9f13c075]{z-index:-100;opacity:0}h2[data-v-80b95657],h3[data-v-80b95657],p[data-v-80b95657]{font-size:clamp(1rem,2vw,3.5rem)}h2[data-v-80b95657]{padding-top:2.5vh;padding-bottom:2.5vh}.section[data-v-80b95657]{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;align-items:center}#words[data-v-80b95657]{margin:4vh 4vw}p[data-v-80b95657]{max-width:min(60%,75vw)}.contacts_div[data-v-80b95657]{margin:2.5vh 2vw;display:flex;display:table}.contacts_div ul[data-v-80b95657]{width:100%;margin:0vh 2vw;list-style:none;display:table-row}.contacts_div ul li[data-v-80b95657]{display:table-cell}.contact_container[data-v-80b95657]{display:flex;flex-direction:column;align-items:center;padding:2.5vh 3vw}img[data-v-80b95657]{margin:4% 1%;height:50px;width:50px}#center[data-v-80b95657]{left:25%}.section.bg[data-v-866e283c]{position:relative;overflow:hidden}.background[data-v-866e283c]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Nuclear_Power_Plant_Cattenom-2097009408-48aee9b8.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(4px) brightness(.7);opacity:.6;z-index:-1;pointer-events:none}h1[data-v-866e283c]{padding-top:3vh;padding-bottom:2vh}h2[data-v-866e283c]{padding-top:2.5vh;padding-bottom:2.5vh}p[data-v-866e283c],#other ul li[data-v-866e283c]{max-width:clamp(50vw,50%,300px)}section[data-v-866e283c]{font:bold;top:0;min-height:100vh;max-height:fit-content;display:flex;flex-direction:column;align-items:center}p[data-v-866e283c]{font-size:clamp(1rem,2vw,3.5rem)}.skill_list[data-v-866e283c]{margin-top:3%;margin-bottom:3%}.skill_list ul[data-v-866e283c]{display:table-row;list-style:none}.skill_list ul .skill[data-v-866e283c]{display:table-cell}.skill_list#list1 .skill[data-v-866e283c]{padding:1vh 3vw}.skill_list#list2 .skill[data-v-866e283c]{padding:1vh 1.5vw}span[data-v-866e283c]{-webkit-text-fill-color:transparent}span#python[data-v-866e283c]{background:linear-gradient(to right,#3572a5,#3c699d);-webkit-background-clip:text}span#vue[data-v-866e283c]{background:linear-gradient(to right,#42b883,#557fac);-webkit-background-clip:text}span#rust[data-v-866e283c]{background:linear-gradient(to right,#d3a563,#d28820);-webkit-background-clip:text}img[data-v-866e283c]{width:56px;max-width:56px;height:56px;max-height:56px}#list2 img[data-v-866e283c]{width:40px;height:40px}#other[data-v-866e283c]{margin-top:7.5vh;display:flex;align-items:center;flex-direction:column;width:90%;text-align:center}#other ul[data-v-866e283c]{text-align:center;margin-top:1vh;margin-bottom:1vh;list-style:none}#other ul li[data-v-866e283c]{text-align:left;white-space:nowrap;width:100%;max-width:100%}#myself[data-v-f8d1387c]{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}h2[data-v-f8d1387c],h3[data-v-f8d1387c],p[data-v-f8d1387c]{font-size:clamp(1rem,2vw,3.5rem)}.background[data-v-f8d1387c]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/UPLB-ee703a79.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(4px) brightness(.7);opacity:.6;z-index:-1;pointer-events:none}#container[data-v-f8d1387c]{max-width:100%;display:flex}#word_container[data-v-f8d1387c]{top:0;display:flex;align-items:center;text-align:justify}h1[data-v-f8d1387c]{padding-top:2.5vh;padding-bottom:2.5vh}img[data-v-f8d1387c]{max-width:100%}div h2[data-v-f8d1387c]{margin:4vh 2vw .5vh 2vw}p[data-v-f8d1387c]{margin-top:2vh;margin-bottom:2vh;max-width:50vw}@media screen and (max-width: 760px){p[data-v-f8d1387c]{max-width:80%}}#top .header_background[data-v-653f81fc]{position:absolute;width:100%;height:100%;background-image:url(/assets/ocean-during-sunset-1143006-00652893.jpg);background-repeat:no-repeat;background-size:cover;filter:blur(3px);opacity:.35;z-index:-1;pointer-events:none}#top header[data-v-653f81fc]{position:relative;overflow:hidden}#top .header_text[data-v-653f81fc]{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}#top .header_text h1[data-v-653f81fc]{font-size:clamp(2rem,3vw,7rem);max-width:80%;background:linear-gradient(to right,#009688 0%,#FFC107 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;transition:ease 2s;z-index:11}#top .header_text h3[data-v-653f81fc]{margin-top:3rem;font-size:clamp(1rem,2vw,3.5rem);max-width:50%}.section[data-v-653f81fc]{min-height:100vh;min-height:100svh;min-height:max(100vh,max(100svh,fit-content));max-width:100vw;max-width:100svw}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--paragraph_default_font_size: clamp(.6rem, .8vw + .2rem, 4rem);--h2_default_font_size: clamp(1.1rem, 1.6vw + .6rem, 4rem);--h1_default_font_size: clamp(1.5rem, 2vw + .9rem, 6rem);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li{font-size:var(--paragraph_default_font_size)}h1{font-size:var(--h1_default_font_size)}h2{font-size:var(--h2_default_font_size)}#app{margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#021d1433}}