.icon-content[data-v-fd50c4a0]{display:flex}.icon-content #github[data-v-fd50c4a0],.icon-content #gmail[data-v-fd50c4a0],.icon-content #linkedln[data-v-fd50c4a0]{height:2rem;width:2rem;margin-left:1rem}.icon-content .icon-link[data-v-fd50c4a0]:hover{transform:translate(3px) scale(1.2)}.main-content[data-v-64230484]{width:100%;height:50%;display:grid;grid-template-columns:.7fr repeat(3,1fr);grid-template-rows:.7fr 1fr}.main-content .top-box[data-v-64230484]{grid-row-start:1;grid-row-end:3;grid-column-start:1;grid-column-end:3}.main-content .top-box .hort-box[data-v-64230484]{width:20vh;height:2vh;background:#fff;-webkit-clip-path:polygon(0 0,100% 0,94% 100%,0 100%);clip-path:polygon(0 0,100% 0,94% 100%,0 100%);border-top-left-radius:20px}.main-content .top-box .vert-box[data-v-64230484]{height:25vh;width:2vh;background:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.main-content .image-ttz-logo[data-v-64230484]{margin-top:2rem;margin-left:2rem;grid-column-start:1;grid-row-start:1}.main-content .image-ttz-logo .myLogo[data-v-64230484]{width:5rem;height:5rem}.main-content .image-ttz-logo[data-v-64230484]:hover{transform:translate(7px,7px) scale(1.1)}.main-content .welcome-text[data-v-64230484]{font-size:2.5rem;grid-column-start:2;grid-column-end:4;grid-row-start:2;grid-row-end:2}.main-content .icon-tab[data-v-64230484]{margin-top:15%;margin-right:2rem;grid-row-start:1;grid-column-start:5}.slide-fade-enter-from[data-v-77299291]{opacity:0;transform:translateY(-50px)}.slide-fade-enter-active[data-v-77299291]{transition:all 2s ease}.nav-bar-content[data-v-77299291]{display:flex;flex-direction:column;justify-content:center;align-items:center}.top-box .vert-box[data-v-77299291]{width:20rem;height:1rem;margin:0;padding:0}.icon-bar[data-v-77299291]{align-items:flex-end;position:relative;right:0;margin-top:15%}.nav-bar[data-v-77299291]{display:flex;justify-content:flex-end;padding:0}.nav-bar ul[data-v-77299291]{margin-top:20%;padding:0;list-style:none}.nav-bar ul li[data-v-77299291]{display:flex;margin-top:1rem;margin-bottom:1rem}.nav-bar ul li .page-num[data-v-77299291]{font-size:1rem;letter-spacing:1px;margin-left:1rem;margin-top:auto}.nav-bar ul li .non-active-bar[data-v-77299291]{justify-content:center;margin:0 1rem 0 1rem;text-decoration:none;font-size:2rem}.nav-bar ul li .non-active-bar[data-v-77299291]:hover{transform:scale(1.1)}.content[data-v-7b43256e]{margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:60rem}.homeNavBar[data-v-7b43256e]{height:40%}.welcome-page[data-v-7b43256e]{height:50%}.fade-enter-from[data-v-7b43256e]{opacity:0}.fade-enter-active[data-v-7b43256e]{transition:all 2s ease}*{font-family:Poppins,sans-serif;color:#f5f5f5;background-color:#27272b}#app{display:flex;width:100%;height:100vh;justify-content:center;align-content:center}.route-enter-from{opacity:0;transform:translateX(-100px)}.route-enter-active{transition:all 1s ease-out}.router-leave-to{opacity:0;transform:translateX(100px)}.directory-link[data-v-e91592bc]{width:10%}.directory-link .menu-icon[data-v-e91592bc]{margin-top:1rem;width:90%;height:90%}main[data-v-ab71faac]{padding:1rem;flex-direction:column;display:flex;justify-content:center;align-items:center;align-content:center;width:50vw}.about-content[data-v-ab71faac]::-webkit-scrollbar{display:none}.about-content[data-v-ab71faac]{overflow:scroll;display:flex}.about-content section[data-v-ab71faac]{flex-grow:1;display:flex;flex-direction:column}.about-content section .header-title[data-v-ab71faac]{padding:0;box-sizing:content-box;margin-left:2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.about-content section .header-title .title[data-v-ab71faac]{font-size:4rem}.about-content section .content-section[data-v-ab71faac]{display:flex;margin-bottom:2rem}.about-content section .content-section .decorations[data-v-ab71faac]{margin-left:2rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.about-content section .content-section .decorations .circle[data-v-ab71faac]{background:#fff;height:1.5rem;width:1.5rem;border-radius:50%;display:inline-block}.about-content section .content-section .decorations .line[data-v-ab71faac]{background:#fff;height:100%;width:.2rem}.about-content section .content-section .information[data-v-ab71faac]{display:flex;flex-direction:column;margin-top:1.5rem;margin-left:2rem;overflow-wrap:normal}.about-content section .content-section .information .text[data-v-ab71faac]{font-size:1.5rem}.about-content section .content-section .information .heading[data-v-ab71faac]{margin-top:2rem;font-size:2rem}.about-content #my-self-heading[data-v-ab71faac]{margin-top:0}.top-box .hort-box[data-v-ab71faac]{background:#fff;height:1rem;width:10rem}.top-box .vert-box[data-v-ab71faac]{background:#fff;height:10rem;width:1rem}@media only screen and (max-width:850px){main[data-v-ab71faac]{width:100%}}@media only screen and (max-width:580px){.about-content[data-v-ab71faac],main[data-v-ab71faac]{height:100%}.about-content .title[data-v-ab71faac]{font-size:20rem}}@media only screen and (max-height:670px){main[data-v-ab71faac]{height:100%}}.main-project-dict-content[data-v-688397bc]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.main-project-dict-content .head[data-v-688397bc]{margin-bottom:1rem}.main-project-dict-content .head p[data-v-688397bc]{font-size:3rem}.main-project-dict-content ul[data-v-688397bc]{list-style:none;width:100%;display:flex;flex-direction:column}.main-project-dict-content ul li:hover p.title[data-v-688397bc]:before{margin:0;content:"⪢ "}.main-project-dict-content ul li:hover p.title[data-v-688397bc]:hover{transform:scale(1.2)}.main-project-dict-content ul li a[data-v-688397bc]{margin:0}.main-project-dict-content ul .dict-section[data-v-688397bc]{list-style:none;text-decoration:none;display:flex;padding-bottom:1rem;margin-top:1rem;justify-content:space-between;border-bottom:.1rem solid #fff}.main-project-dict-content ul .dict-section p[data-v-688397bc]{text-decoration:none;text-align:center}.main-project-dict-content ul .dict-section .title[data-v-688397bc]{font-size:1.7em}.main-project-dict-content ul .dict-section .sub-title[data-v-688397bc]{display:flex;align-items:center;font-size:1.3em}@media only screen and (max-width:600px){.main-project-dict-content ul .dict-section .title[data-v-688397bc]{font-size:1.5em}.main-project-dict-content ul .dict-section .sub-title[data-v-688397bc]{font-size:1em}}@media only screen and (max-width:500px){.main-project-dict-content ul .dict-section .title[data-v-688397bc]{font-size:1em}.main-project-dict-content ul .dict-section .sub-title[data-v-688397bc]{font-size:.6em}}body[data-v-d35db658]{display:flex;width:70%;flex-direction:column;justify-content:center}body header[data-v-d35db658]{display:flex;justify-content:space-between}body header .nav-bar[data-v-d35db658]{transform:scale(.5)}body header .title-header[data-v-d35db658]{display:flex;align-items:center;font-size:3rem}body main[data-v-d35db658]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}body main aside[data-v-d35db658]{width:38%}body main section[data-v-d35db658]{width:50%;height:100%}body main section .image-box[data-v-d35db658]{overflow:hidden;border-radius:4rem;background:#fff;width:100%;height:100%}body main section .image-box img[data-v-d35db658]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:1656px){body[data-v-d35db658]{overflow:scroll}body main section[data-v-d35db658]{width:40%}body main aside[data-v-d35db658]{width:45%}}@media only screen and (max-height:450px){body[data-v-d35db658]{flex-wrap:wrap;flex-direction:row}body main section[data-v-d35db658]{width:40%}body main aside[data-v-d35db658]{width:45%}}@media only screen and (max-width:1300px){body[data-v-d35db658]::-webkit-scrollbar{display:none}body[data-v-d35db658]{overflow:scroll;justify-content:center;align-items:center}body header[data-v-d35db658]{width:60%}body main[data-v-d35db658]{height:100%;flex-direction:row;justify-content:center;margin-bottom:10rem}body main section[data-v-d35db658]{margin-top:3rem;width:60%}body main aside[data-v-d35db658]{width:60%}}@media only screen and (max-width:800px){body[data-v-d35db658]{flex-wrap:wrap;flex-direction:row}body header[data-v-d35db658]{width:100%}body main[data-v-d35db658]{height:100%}body main section[data-v-d35db658]{width:100%;height:70%}body main aside[data-v-d35db658]{width:100%}}@media only screen and (max-width:600px){body[data-v-d35db658]{flex-wrap:wrap;flex-direction:row}body header[data-v-d35db658]{width:100%}body header .title-header[data-v-d35db658]{font-size:2.5rem}body main[data-v-d35db658]{height:100%}body main section[data-v-d35db658]{width:100%;height:50%}body main aside[data-v-d35db658]{width:100%}body[data-v-d35db658]{flex-wrap:wrap;flex-direction:row}body header[data-v-d35db658]{width:100%}body header .title-header[data-v-d35db658]{font-size:2rem}body main[data-v-d35db658]{height:100%}body main section[data-v-d35db658]{width:100%;height:50%}body main aside[data-v-d35db658]{width:100%}}main[data-v-6786d738]{display:flex}main .buttons[data-v-6786d738]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}main .buttons .directory-link[data-v-6786d738],main .buttons .goBack[data-v-6786d738]{width:100%;margin-top:1rem;font-size:2rem;border-radius:3rem}main .buttons .link[data-v-6786d738]{width:100%}main .buttons .directory-link[data-v-6786d738]:hover,main .buttons .goBack[data-v-6786d738]:hover{background:green;transform:scale(1.05)}main[data-v-4c7abc39]{width:100%}main .form-label[data-v-4c7abc39]{margin-left:1rem;width:100%;display:flex;flex-direction:column;text-align:left}main .form-label label[data-v-4c7abc39]{font-size:1.3rem;text-transform:uppercase}main .form-label .email-contact-input[data-v-4c7abc39],main .form-label .message-input[data-v-4c7abc39],main .form-label .name-input[data-v-4c7abc39],main .form-label .number-contact-input[data-v-4c7abc39]{margin-top:2rem}main .form-label .email-contact-input input[data-v-4c7abc39],main .form-label .email-contact-input textarea[data-v-4c7abc39],main .form-label .message-input input[data-v-4c7abc39],main .form-label .message-input textarea[data-v-4c7abc39],main .form-label .name-input input[data-v-4c7abc39],main .form-label .name-input textarea[data-v-4c7abc39],main .form-label .number-contact-input input[data-v-4c7abc39],main .form-label .number-contact-input textarea[data-v-4c7abc39]{margin-top:.5rem;background:none;border:none;border-bottom:1px solid #fff;font-size:1rem;box-sizing:border-box;width:100%;margin-bottom:1rem}main .form-label fieldset[data-v-4c7abc39]{display:flex;flex-direction:column}main .form-label fieldset legend[data-v-4c7abc39]{font-size:1.3rem;border-radius:20px}main .form-label fieldset label[data-v-4c7abc39]{margin-left:1rem}main .form-label fieldset .email-contact-input[data-v-4c7abc39],main .form-label fieldset .number-contact-input[data-v-4c7abc39]{margin-top:1rem;margin-bottom:1rem}main .submit-but[data-v-4c7abc39]{border-radius:19px;font-size:1.5rem;margin-top:2rem;height:3rem}main .submit-but[data-v-4c7abc39]:hover{background:green;border:2px solid #fff;font-size:1.7rem}main[data-v-7de77eb5]{display:flex;justify-content:center;align-items:center;flex-direction:column}.directory-content[data-v-4e608d86]{display:flex;justify-content:center;align-items:center;transform:scale(2)}.main-content[data-v-f99bf6e6]{display:flex;font-size:5rem;flex-direction:column;justify-content:center;align-items:center}.main-content .directory-link[data-v-f99bf6e6]{width:50%}.main-content .directory-link button[data-v-f99bf6e6]{font-size:2rem;border-radius:3rem;width:100%;height:60%}main[data-v-28e91f52]{overflow:scroll;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}main .main-content[data-v-28e91f52]{margin-top:2rem;width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}main .main-content footer[data-v-28e91f52]{width:15%}main .main-content footer .directory-link[data-v-28e91f52]{width:100%}main .main-content footer .directory-link button[data-v-28e91f52]{font-size:2rem;border-radius:3rem;width:100%;height:60%}main .main-content footer .directory-link button[data-v-28e91f52]:hover{background:green;transform:scale(1.1)}main .main-content header[data-v-28e91f52]{width:100%;display:flex;flex-direction:row;justify-content:center;margin-bottom:1rem}main .main-content header a[data-v-28e91f52]{font-size:2rem;margin-left:1rem;margin-right:1rem}main .main-content header .before[data-v-28e91f52],main .main-content header .next[data-v-28e91f52]{border-radius:3rem;padding-left:1rem;padding-right:1rem}main .main-content header .before[data-v-28e91f52]:hover,main .main-content header .next[data-v-28e91f52]:hover{background:green}main .main-content header .before[data-v-28e91f52]:hover{animation:bounceLeft-28e91f52 .7s infinite}main .main-content header .next[data-v-28e91f52]:hover{animation:bounceRight-28e91f52 .7s infinite}main .main-content .main-text section .title[data-v-28e91f52]{font-size:1.7rem}main .main-content .main-text section .desc[data-v-28e91f52]{font-size:1.4rem}main .main-content .main-text section .desc[data-v-28e91f52],main .main-content .main-text section .title[data-v-28e91f52]{margin-bottom:1rem}main .notFound[data-v-28e91f52]{width:100%}@keyframes bounceLeft-28e91f52{0%{transform:translateX(5px)}50%{transform:translateX(-5px)}to{transform:translateX(5px)}}@keyframes bounceRight-28e91f52{0%{transform:translateX(-5px)}50%{transform:translateX(5px)}to{transform:translateX(-5px)}}*{margin:0;padding:0;box-sizing:border-box}