diff --git a/asset-manifest.json b/asset-manifest.json index 8f09468..1bd6965 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,18 +1,18 @@ { "files": { - "main.css": "/Darren_Tung.github.io/static/css/main.c30d3b05.css", - "main.js": "/Darren_Tung.github.io/static/js/main.e187e397.js", + "main.css": "/Darren_Tung.github.io/static/css/main.b9933bab.css", + "main.js": "/Darren_Tung.github.io/static/js/main.48d89194.js", "static/js/787.d4aba7ab.chunk.js": "/Darren_Tung.github.io/static/js/787.d4aba7ab.chunk.js", "static/media/about.jpg": "/Darren_Tung.github.io/static/media/about.46052d54d77fbb86047c.jpg", "static/media/profile2.jpg": "/Darren_Tung.github.io/static/media/profile2.46052d54d77fbb86047c.jpg", "static/media/Tung_Yan_Zuo_CV.pdf": "/Darren_Tung.github.io/static/media/Tung_Yan_Zuo_CV.a1853fb677bdf896b710.pdf", "index.html": "/Darren_Tung.github.io/index.html", - "main.c30d3b05.css.map": "/Darren_Tung.github.io/static/css/main.c30d3b05.css.map", - "main.e187e397.js.map": "/Darren_Tung.github.io/static/js/main.e187e397.js.map", + "main.b9933bab.css.map": "/Darren_Tung.github.io/static/css/main.b9933bab.css.map", + "main.48d89194.js.map": "/Darren_Tung.github.io/static/js/main.48d89194.js.map", "787.d4aba7ab.chunk.js.map": "/Darren_Tung.github.io/static/js/787.d4aba7ab.chunk.js.map" }, "entrypoints": [ - "static/css/main.c30d3b05.css", - "static/js/main.e187e397.js" + "static/css/main.b9933bab.css", + "static/js/main.48d89194.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index c5a87ec..a1f19ad 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Portfolio Website
\ No newline at end of file +Portfolio Website
\ No newline at end of file diff --git a/static/css/main.c30d3b05.css b/static/css/main.b9933bab.css similarity index 95% rename from static/css/main.c30d3b05.css rename to static/css/main.b9933bab.css index 0dec2ea..26ba9c3 100644 --- a/static/css/main.c30d3b05.css +++ b/static/css/main.b9933bab.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),46%);--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section__title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section__subtitle,.section__title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}.button:hover{background-color:#000;background-color:var(--title-color-dark)}.button__icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button__icon{height:22px;width:22px}}@media screen and (max-width:768px){body{margin:0 0 3rem;margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section__subtitle{margin-bottom:3rem;margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--body-color);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.nav__logo,.nav__toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav__list{column-gap:2rem;display:flex}.nav__link{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav__close,.nav__icon,.nav__toggle{display:none}.active-link,.nav__link:hover{color:var(--title-color-dark)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.nav__menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px #00000026;left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.show-menu{bottom:0}.nav__list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav__icon{font-size:1.2rem}.nav__close{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav__close:hover{color:var(--title-color-dark)}.nav__toggle{cursor:pointer;font-size:1.1rem}.nav__close,.nav__icon,.nav__toggle{display:block}}@media screen and (max-width:350px){.nav__menu{padding:2rem .5rem 4rem}.nav_list{column-gap:0}}.home__container{row-gap:7rem}.home__content{align-items:center;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home__social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home__social-icon{color:var(--title-color);font-size:1.25rem}.home__social-icon:hover{color:var(--title-color-dark)}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.home__hand{height:30px;margin-left:.4rem;width:30px}.home__subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.home__subtitle:before{background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:1rem;width:70px}.home__description{margin-bottom:var(--mb-3);max-width:500px}.home__img{animation:profile__animate 8s ease-in-out 1s infinite;background:url(/Darren_Tung.github.io/static/media/profile2.46052d54d77fbb86047c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px #fff3;filter:grayscale(85%);height:300px;justify-self:center;order:1;width:300px}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home__scroll{margin-left:9.25rem}.wheel{animation:scroll 2s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-left:2px;margin-right:var(--mb-0-25)}.home__scroll-arrow{color:var(--title-color);font-size:1.25rem}@media screen and (max-width:992px){.home__content{column-gap:1.25rem;grid-template-columns:100px repeat(2,1fr)}.home__title{font-size:40px}.home__hand{height:26px;width:26px}.home__subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home__subtitle:before{top:.8rem;width:42px}.home__description{margin-bottom:var(--mb-0-25);max-width:none}.home__img{box-shadow:inset 0 0 0 8px #fff3;height:250px;width:250px}.home__scroll{margin-left:7.5rem}}@media screen and (max-width:768px){.home__content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home__title{font-size:40px}.home__img{box-shadow:inset 0 0 0 6px #fff3;height:200px;justify-items:legacy;order:0;width:200px}.home__data{grid-column:1/3}.home__scroll{display:none}}@media screen and (max-width:350px){.home__title{font-size:35px}.home__description,.home__subtitle{font-size:15px}.button--flex{font-size:12px}.home__img{height:180px;width:180px}.home__hand{height:22px;width:22px}}.about__container{align-items:center;column-gap:4rem;grid-template-columns:repeat(2,1fr)}.about__img{border-radius:1.5rem;filter:grayscale(85%);justify-self:center;width:350px}.about__info{gap:.5rem;grid-template-columns:repeat(2,140px);margin-bottom:var(--mb-2)}.about__box{background-color:var(--container-color);border:1px solid #0000001a;border-radius:.75rem;padding:1rem 1.25rem;text-align:center}.about__icon{color:var(--title-color);font-size:1.5rem;margin-bottom:var(--mb-0-5)}.about__title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about__subtitle{font-size:var(--tiny-font-size)}.about__description{margin-bottom:var(--mb-2-5);padding:0 4rem 0 0}@media screen and (max-width:992px){.section__subtitle{margin-bottom:2rem}.about__container{grid-template-columns:1fr;row-gap:1.5rem}.about__img{width:170px}.about__box{padding:.35rem}.about__data{text-align:center}.about__info{justify-content:center}.about__description{font-size:14px;margin-bottom:1rem;padding:0 3rem}}@media screen and (max-width:768px){.about__description{font-size:13px;padding:0}}@media screen and (max-width:576px){.about__description{font-size:12px;padding:0}}.skills__container{column-gap:2rem;grid-template-columns:repeat(2,500px);justify-content:center}.section__subtitle{margin-bottom:1rem}.section__subsubtitle{font-size:16px;margin-bottom:1rem;text-align:center}.fa-diamond{padding:1rem}.skills__content{background-color:var(--container-color);border:1px solid #0000001a;border-radius:1.25rem;padding:2rem 4%}.skills__title{font-size:18px;font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.skills__box{column-gap:4rem;display:flex;justify-content:center}.skills__group{grid-row-gap:1.25rem;align-items:flex-start;display:grid;row-gap:1.25rem}.skills__data{column-gap:.5rem;display:flex;width:165px}.skills .bx-badge-check{color:var(--title-color);font-size:1rem}.skills__name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}.skills__level{font-size:var(--tiny-font-size)}@media screen and (max-width:992px){.skills__container{grid-template-columns:repeat(1,475px);justify-content:center;row-gap:2rem}}@media screen and (max-width:576px){.skills__container{grid-template-columns:.5fr;justify-content:center;row-gap:1rem}.skills__box{column-gap:.8rem;display:flex;justify-content:center}.skills__content{padding:.75rem}}@media screen and (max-width:350px){.skills__container{grid-template-columns:1fr;justify-content:center}.skills__box{column-gap:.1rem;display:flex;justify-content:center}.skills__content{padding:1rem}.skills__name{font-size:var(--small-font-size)}}.qualification__container{max-width:768px}.qualification__tabs{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.qualification__button{color:var(--title-color);cursor:pointer;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin:0 var(--mb-1)}.qualification__button:hover{color:var(--title-color-dark)}.qualification__icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification__active{color:var(--title-color-dark)}.qualification__sections{display:grid;grid-template-columns:.75fr;justify-content:center}.qualification__content{display:none}.qualification__content-active{display:block}.qualification__data{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr}.qualification__title{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.qualification__subtitle{display:inline-block;margin-bottom:var(--mb-1)}.qualification__calendar,.qualification__subtitle{font-size:var(--small-font-size)}.qualification__rounder{background-color:var(--text-color);border-radius:50%;display:inline-block;height:13px;width:13px}.qualification__line{background-color:var(--text-color);display:block;height:100%;transform:translate(6px,-7px);width:1px}@media screen and (max-width:992px){.qualification__sections{grid-template-columns:none}.qualification__container{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.qualification__container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width:576px){.qualification__sections{grid-template-columns:none}.qualification__button{margin:0 var(--mb-0-75)}}@media screen and (max-width:350px){.qualification__sections{grid-template-columns:none}.qualification__data{gap:.5rem}}.contact__container{column-gap:6rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;padding-bottom:3rem}.contact__title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.contact__info{grid-template-columns:300px}.contact__info,.contact__social{grid-row-gap:1rem;display:grid;row-gap:1rem}.contact__social{grid-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);justify-content:center;margin-top:2rem}.contact__social-icon{color:var(--title-color);font-size:2rem}.contact__social-icon:hover{color:var(--title-color-dark)}.contact__card{background-color:var(--container-color);border:1px solid #0000001a;border-radius:.75rem;padding:1rem;text-align:center}.contact__card-icon{color:var(--title-color);font-size:2rem;margin-bottom:var(--mb-0-25)}.contact__card-title{font-size:var(--font-medium)}.contact__card-data{display:block;font-size:var(--small-font-size);margin-bottom:var(--mb-0-75)}.contact__button{align-items:center;color:var(--text-color);column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size);justify-content:center}.contact__button-icon{font-size:1rem;transition:.3s}.contact__button:hover .contact__button-icon{transform:translate(.25rem)}.contact__form{width:360px}.contact__form-div{height:4rem;margin-bottom:var(--mb-2);position:relative}.contact__form-input{background:none;border:2px solid #0000004d;border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contact__form-tag{background-color:var(--body-color);font-size:var(--smaller-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:10}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}@media screen and (max-width:992px){.contact__container{column-gap:3rem}}@media screen and (max-width:768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__info{justify-content:center}.contact__form{margin:0 auto}}@media screen and (max-width:576px){.contact__info{grid-template-columns:1fr}.contact__form{width:100%}}.footer{background-color:var(--container-color);border-top:1px solid #0000001a}.footer__container{padding:2rem 0 6rem}.footer__link,.footer__title{color:var(--title-color)}.footer__title{margin-bottom:var(--mb-2);text-align:center}.footer__link:hover{color:var(--title-color-dark)}.footer__list{column-gap:1.5rem;display:flex;justify-content:center;margin-bottom:var(--mb-2)}.footer__copy{color:var(--title-color);display:block;font-size:var(--small-font-size);margin-top:4.5rem;text-align:center} -/*# sourceMappingURL=main.c30d3b05.css.map*/ \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),46%);--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section__title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section__subtitle,.section__title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}.button:hover{background-color:#000;background-color:var(--title-color-dark)}.button__icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button__icon{height:22px;width:22px}}@media screen and (max-width:768px){body{margin:0 0 3rem;margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section__subtitle{margin-bottom:3rem;margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--body-color);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.nav__logo,.nav__toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav__list{column-gap:2rem;display:flex}.nav__link{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav__close,.nav__icon,.nav__toggle{display:none}.active-link,.nav__link:hover{color:var(--title-color-dark)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.nav__menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px #00000026;left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.show-menu{bottom:0}.nav__list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav__icon{font-size:1.2rem}.nav__close{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav__close:hover{color:var(--title-color-dark)}.nav__toggle{cursor:pointer;font-size:1.1rem}.nav__close,.nav__icon,.nav__toggle{display:block}}@media screen and (max-width:350px){.nav__menu{padding:2rem .5rem 4rem}.nav_list{column-gap:0}}.home__container{row-gap:7rem}.home__content{align-items:center;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home__social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home__social-icon{color:var(--title-color);font-size:1.25rem}.home__social-icon:hover{color:var(--title-color-dark)}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.home__hand{height:30px;margin-left:.4rem;width:30px}.home__subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.home__subtitle:before{background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:1rem;width:70px}.home__description{margin-bottom:var(--mb-3);max-width:500px}.home__img{animation:profile__animate 8s ease-in-out 1s infinite;background:url(/Darren_Tung.github.io/static/media/profile2.46052d54d77fbb86047c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px #fff3;filter:grayscale(85%);height:300px;justify-self:center;order:1;width:300px}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home__scroll{margin-left:9.25rem}.wheel{animation:scroll 2s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-left:2px;margin-right:var(--mb-0-25)}.home__scroll-arrow{color:var(--title-color);font-size:1.25rem}@media screen and (max-width:992px){.home__content{column-gap:1.25rem;grid-template-columns:100px repeat(2,1fr)}.home__title{font-size:40px}.home__hand{height:26px;width:26px}.home__subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home__subtitle:before{top:.8rem;width:42px}.home__description{margin-bottom:var(--mb-0-25);max-width:none}.home__img{box-shadow:inset 0 0 0 8px #fff3;height:250px;width:250px}.home__scroll{margin-left:7.5rem}}@media screen and (max-width:768px){.home__content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home__title{font-size:40px}.home__img{box-shadow:inset 0 0 0 6px #fff3;height:200px;justify-items:legacy;order:0;width:200px}.home__data{grid-column:1/3}.home__scroll{display:none}}@media screen and (max-width:350px){.home__title{font-size:35px}.home__description,.home__subtitle{font-size:15px}.button--flex{font-size:12px}.home__img{height:180px;width:180px}.home__hand{height:22px;width:22px}}.about__container{align-items:center;column-gap:4rem;grid-template-columns:repeat(2,1fr)}.about__img{border-radius:1.5rem;filter:grayscale(85%);justify-self:center;width:350px}.about__info{gap:.5rem;grid-template-columns:repeat(2,140px);margin-bottom:var(--mb-2)}.about__box{background-color:var(--container-color);border:1px solid #0000001a;border-radius:.75rem;padding:1rem 1.25rem;text-align:center}.about__icon{color:var(--title-color);font-size:1.5rem;margin-bottom:var(--mb-0-5)}.about__title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about__subtitle{font-size:var(--tiny-font-size)}.about__description{margin-bottom:var(--mb-2-5);padding:0 4rem 0 0}@media screen and (max-width:992px){.section__subtitle{margin-bottom:2rem}.about__container{grid-template-columns:1fr;row-gap:1.5rem}.about__img{width:170px}.about__box{padding:.35rem}.about__data{text-align:center}.about__info{justify-content:center}.about__description{font-size:14px;margin-bottom:1rem;padding:0 3rem}}@media screen and (max-width:768px){.about__description{font-size:13px;padding:0}}@media screen and (max-width:576px){.about__description{font-size:12px;padding:0}}.skills__container{column-gap:2rem;grid-template-columns:repeat(2,500px);justify-content:center}.section__subtitle{margin-bottom:1rem}.section__subsubtitle{font-size:16px;margin-bottom:1rem;text-align:center}.fa-diamond{padding:1rem}.skills__content{background-color:var(--container-color);border:1px solid #0000001a;border-radius:1.25rem;padding:2rem 4%}.skills__title{font-size:18px;font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.skills__box{column-gap:4rem;display:flex;justify-content:center}.skills__group{grid-row-gap:1.25rem;align-items:flex-start;display:grid;row-gap:1.25rem}.skills__data{column-gap:.5rem;display:flex;width:165px}.skills .bx-badge-check{color:var(--title-color);font-size:1rem}.skills__name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}.skills__level{font-size:var(--tiny-font-size)}@media screen and (max-width:992px){.skills__container{grid-template-columns:repeat(1,475px);justify-content:center;row-gap:2rem}}@media screen and (max-width:576px){.skills__container{grid-template-columns:.5fr;justify-content:center;row-gap:1rem}.skills__box{column-gap:.8rem;display:flex;justify-content:center}.skills__content{padding:.75rem}}@media screen and (max-width:350px){.skills__container{grid-template-columns:1fr;justify-content:center}.skills__box{column-gap:.1rem;display:flex;justify-content:center}.skills__content{padding:1rem}.skills__name{font-size:var(--small-font-size)}}.qualification__container{max-width:768px}.qualification__tabs{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.qualification__button{color:var(--title-color);cursor:pointer;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin:0 var(--mb-1)}.qualification__button:hover{color:var(--title-color-dark)}.qualification__icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification__active{color:var(--title-color-dark)}.qualification__sections{display:grid;grid-template-columns:.75fr;justify-content:center}.qualification__content{display:none}.qualification__content-active{display:block}.qualification__data{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr}.qualification__title{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.qualification__subtitle{display:inline-block;margin-bottom:var(--mb-1)}.qualification__calendar,.qualification__subtitle{font-size:var(--small-font-size)}.qualification__rounder{background-color:var(--text-color);border-radius:50%;display:inline-block;height:13px;width:13px}.qualification__line{background-color:var(--text-color);display:block;height:100%;transform:translate(6px,-7px);width:1px}@media screen and (max-width:992px){.qualification__sections{grid-template-columns:none}.qualification__container{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.qualification__container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width:576px){.qualification__sections{grid-template-columns:none}.qualification__button{margin:0 var(--mb-0-75)}}@media screen and (max-width:350px){.qualification__sections{grid-template-columns:none}.qualification__data{gap:.5rem}}.contact__container{column-gap:6rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;padding-bottom:3rem}.contact__title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.contact__info{grid-template-columns:300px}.contact__info,.contact__social{grid-row-gap:1rem;display:grid;row-gap:1rem}.contact__social{grid-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);justify-content:center;margin-top:2rem}.contact__social-icon{color:var(--title-color);font-size:2rem}.contact__social-icon:hover{color:var(--title-color-dark)}.contact__card{background-color:var(--container-color);border:1px solid #0000001a;border-radius:.75rem;padding:1rem;text-align:center}.contact__card-icon{color:var(--title-color);font-size:2rem;margin-bottom:var(--mb-0-25)}.contact__card-title{font-size:var(--font-medium)}.contact__card-data{display:block;font-size:var(--small-font-size);margin-bottom:var(--mb-0-75)}.contact__button{align-items:center;color:var(--text-color);column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size);justify-content:center}.contact__button-icon{font-size:1rem;transition:.3s}.contact__button:hover .contact__button-icon{transform:translate(.25rem)}.contact__form{width:360px}.contact__form-div{height:4rem;margin-bottom:var(--mb-2);position:relative}.contact__form-input{background:none;border:2px solid #0000004d;border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contact__form-tag{background-color:var(--body-color);font-size:var(--smaller-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:10}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}@media screen and (max-width:992px){.contact__container{column-gap:3rem}}@media screen and (max-width:768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__info{justify-content:center}.contact__form{margin:0 auto}}@media screen and (max-width:576px){.contact__info{grid-template-columns:1fr}.contact__form{width:100%}}.footer{background-color:var(--container-color);border-top:1px solid #0000001a}.footer__container{padding:2rem 0 6rem}.footer__link,.footer__title{color:var(--title-color)}.footer__title{margin-bottom:var(--mb-2);text-align:center}.footer__link:hover{color:var(--title-color-dark)}.footer__list{column-gap:1.5rem;display:flex;justify-content:center;margin-bottom:var(--mb-2)}.footer__copy{color:var(--title-color);display:block;font-size:var(--small-font-size);margin-top:4.5rem;text-align:center}.scrollup{background-color:var(--title-color);border-radius:.4rem;bottom:-20%;opacity:.8;padding:.3rem .5rem;position:fixed;right:2.5rem;transition:.4s;z-index:var(--z-tooltip)}.scrollup__icon{color:var(--container-color);font-size:1.5rem}.scrollup:hover{background-color:var(--title-color-dark)}.show-scroll{bottom:3rem}@media screen and (max-width:992px){.scrollup{padding:.25rem .4rem;right:1.5rem}.scrollup__icon{font-size:1.25rem}}@media screen and (max-width:768px){.scrollup{bottom:4rem}}@media screen and (max-width:350px){.scrollup{right:1rem}} +/*# sourceMappingURL=main.b9933bab.css.map*/ \ No newline at end of file diff --git a/static/css/main.b9933bab.css.map b/static/css/main.b9933bab.css.map new file mode 100644 index 0000000..2dac700 --- /dev/null +++ b/static/css/main.b9933bab.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.b9933bab.css","mappings":"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","sources":["index.css","App.css","components/header/header.css","components/home/home.css","components/about/about.css","components/skills/skills.css","components/qualification/qualification.css","components/contact/contact.css","components/footer/footer.css","components/scroll/scroll.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/*=============== GOOGLE FONTS ===============*/\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap\");\n\n/*=============== VARIABLES CSS ===============*/\n:root {\n --header-height: 3rem;\n\n /*========== Colors ==========*/\n /*Color mode HSL(hue, saturation, lightness)*/\n --hue: 0;\n --sat: 0%;\n --title-color: hsl(var(--hue), var(--sat), 20%);\n --title-color-dark: hsl(var(--hue), var(--sat), 0%);\n --text-color: hsl(var(--hue), var(--sat), 46%);\n --body-color: hsl(var(--hue), var(--sat), 98%);\n --container-color: #fff;\n\n /*========== Font and typography ==========*/\n --body-font: \"Poppins\", sans-serif;\n\n /*.5rem = 8px | 1rem = 16px ...*/\n --big-font-size: 3.5rem;\n --h1-font-size: 2.25rem;\n --h2-font-size: 1.5rem;\n --h3-font-size: 1.25rem;\n --normal-font-size: 1rem;\n --small-font-size: 0.875rem;\n --smaller-font-size: 0.813rem;\n --tiny-font-size: 0.625rem;\n\n /*========== Font weight ==========*/\n --font-normal: 400;\n --font-medium: 500;\n --font-semi-bold: 600;\n\n /*========== Margenes Bottom ==========*/\n /*.5rem = 8px | 1rem = 16px ...*/\n --mb-0-25: 0.25rem;\n --mb-0-5: 0.5rem;\n --mb-0-75: 0.75rem;\n --mb-1: 1rem;\n --mb-1-5: 1.5rem;\n --mb-2: 2rem;\n --mb-2-5: 2.5rem;\n --mb-3: 3rem;\n\n /*========== z index ==========*/\n --z-tooltip: 10;\n --z-fixed: 100;\n --z-modal: 1000;\n}\n\n/* Responsive typography */\n@media screen and (max-width: 992px) {\n :root {\n --big-font-size: 2.75rem;\n --h1-font-size: 1.5rem;\n --h2-font-size: 1.25rem;\n --h3-font-size: 1rem;\n --normal-font-size: 0.938rem;\n --small-font-size: 0.813rem;\n --smaller-font-size: 0.75rem;\n }\n}\n\n/*=============== BASE ===============*/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody,\nbutton,\ninput,\ntextarea {\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\n\nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n}\n\nh1, h2, h3 {\n color: var(--title-color);\n font-weight: var(--font-semi-bold);\n}\n\nul {\n list-style: none;\n}\n\na {\n text-decoration: none;\n}\n\nbutton {\n cursor: pointer;\n border: none;\n outline: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n/*=============== REUSABLE CSS CLASSES ===============*/\n.section {\n padding: 6rem 0 2rem;\n}\n\n.section__title {\n font-size: var(--h1-font-size);\n color: var(--title-color);\n}\n\n.section__subtitle {\n display: block;\n font-size: var(--small-font-size);\n margin-bottom: 4rem;\n}\n\n.section__title,\n.section__subtitle {\n text-align: center;\n}\n\n/*=============== LAYOUT ===============*/\n.container {\n max-width: 968px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.grid {\n display: grid;\n gap: 1.5rem;\n}\n\n/*=============== BUTTONS ===============*/\n.button {\n display: inline-block;\n background-color: var(--title-color);\n color: var(--container-color);\n padding: 1.25rem 2rem;\n border-radius: 1rem;\n font-weight: var(--font-medium);\n}\n\n.button:hover {\n background-color: var(--title-color-dark);\n}\n\n.button__icon {\n margin-left: var(--mb-0-5);\n}\n\n.button--flex {\n display: inline-flex;\n align-items: center;\n}\n\n/*=============== BREAKPOINTS ===============*/\n/* For large devices */\n@media screen and (max-width: 992px) {\n .container {\n margin-left: var(--mb-1-5);\n margin-right: var(--mb-1-5);\n }\n\n .button {\n padding: 1rem 1.75rem;\n }\n\n .button__icon {\n width: 22px;\n height: 22px;\n }\n}\n\n/* For medium devices */\n@media screen and (max-width: 768px) {\n body {\n margin: 0 0 var(--header-height) 0;\n }\n\n .section {\n padding: 2rem 0 4rem;\n }\n\n .section__subtitle {\n margin-bottom: var(--mb-3);\n }\n}\n\n@media screen and (max-width: 576px) {\n}\n\n/* For small devices */\n@media screen and (max-width: 350px) {\n :root {\n --big-font-size: 2.25rem;\n }\n\n .container {\n margin-left: var(--mb-1);\n margin-right: var(--mb-1);\n }\n}\n",".header {\r\n width: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: var(--z-fixed);\r\n background-color: var(--body-color);\r\n}\r\n\r\n.nav {\r\n height: calc(var(--header-height) + 1.5rem);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n column-gap: 1rem;\r\n}\r\n\r\n.nav__logo, .nav__toggle {\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.nav__list {\r\n display: flex;\r\n column-gap: 2rem;\r\n}\r\n\r\n.nav__link {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n font-size: var(--small-font-size);\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n transition: 0.3s;\r\n}\r\n\r\n.nav__icon, .nav__close, .nav__toggle {\r\n display: none;\r\n}\r\n\r\n/* Active Link */\r\n.active-link, .nav__link:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For medium devices */\r\n@media screen and (max-width: 768px) {\r\n .header {\r\n top: initial;\r\n bottom: 0;\r\n }\r\n \r\n .nav {\r\n height: var(--header-height);\r\n }\r\n \r\n .nav__menu {\r\n position: fixed;\r\n bottom: -100%;\r\n left: 0;\r\n width: 100%;\r\n background-color: var(--body-color);\r\n padding: 2rem 1.5rem 4rem;\r\n box-shadow: 0 -1px 4px rgba(0,0,0,0.15);\r\n border-radius: 1.5rem 1.5rem 0 0;\r\n transition: 0.3s;\r\n }\r\n\r\n /* Show Menu */\r\n .show-menu {\r\n bottom: 0;\r\n }\r\n .nav__list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .nav__icon {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .nav__close {\r\n position: absolute;\r\n right: 1.3rem;\r\n bottom: 0.5rem;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--title-color);\r\n }\r\n\r\n .nav__close:hover {\r\n color: var(--title-color-dark);\r\n }\r\n\r\n .nav__toggle {\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n }\r\n\r\n .nav__icon, .nav__close, .nav__toggle {\r\n display: block;\r\n }\r\n}\r\n\r\n/* For small devices */\r\n@media screen and (max-width: 350px) {\r\n .nav__menu {\r\n padding: 2rem 0.5rem 4rem;\r\n }\r\n\r\n .nav_list {\r\n column-gap: 0;\r\n }\r\n}",".home__container {\r\n row-gap: 7rem;\r\n}\r\n\r\n.home__content {\r\n grid-template-columns: 116px repeat(2, 1fr);\r\n padding-top: 5.5rem;\r\n column-gap: 2rem;\r\n align-items: center;\r\n}\r\n\r\n.home__social {\r\n display: grid;\r\n grid-template-columns: max-content;\r\n row-gap: 1rem;\r\n}\r\n\r\n.home__social-icon {\r\n font-size: 1.25rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.home__social-icon:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.home__title {\r\n font-size: var(--big-font-size);\r\n margin-bottom: var(--mb-0-25);\r\n}\r\n\r\n.home__hand {\r\n width: 30px;\r\n height: 30px;\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.home__subtitle {\r\n position: relative;\r\n font-size: var(--h3-font-size);\r\n padding-left: 5.4rem;\r\n font-weight: var(--font-normal);\r\n margin-bottom: var(--mb-1);\r\n}\r\n\r\n.home__subtitle::before {\r\n content: '';\r\n position: absolute;\r\n width: 70px;\r\n height: 1px;\r\n background-color: var(--text-color);\r\n left: 0;\r\n top: 1rem;\r\n}\r\n\r\n.home__description {\r\n max-width: 500px;\r\n margin-bottom: var(--mb-3);\r\n}\r\n\r\n.home__img {\r\n background: url(../../assets//profile2.jpg);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n box-shadow: inset 0 0 0 9px rgb(255 255 255 / 20%);\r\n filter: grayscale(85%);\r\n order: 1;\r\n justify-self: center;\r\n width: 300px;\r\n height: 300px;\r\n animation: profile__animate 8s ease-in-out infinite 1s;\r\n}\r\n\r\n@keyframes profile__animate {\r\n 0% {\r\n border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;\r\n }\r\n\r\n 50% {\r\n border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;\r\n }\r\n\r\n 100% {\r\n border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;\r\n }\r\n}\r\n\r\n.home__scroll {\r\n margin-left: 9.25rem;\r\n}\r\n\r\n.wheel {\r\n animation: scroll 2s ease infinite;\r\n}\r\n\r\n@keyframes scroll {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n\r\n 30% {\r\n transform: translateY(3.75rem);\r\n }\r\n}\r\n\r\n.home__scroll-name {\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n margin-right: var(--mb-0-25);\r\n margin-left: 2px;\r\n}\r\n\r\n.home__scroll-arrow {\r\n font-size: 1.25rem;\r\n color: var(--title-color);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .home__content {\r\n grid-template-columns: 100px repeat(2, 1fr);\r\n column-gap: 1.25rem;\r\n }\r\n\r\n .home__title {\r\n font-size: 40px;\r\n }\r\n\r\n .home__hand {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .home__subtitle {\r\n padding-left: 3.75rem;\r\n margin-bottom: var(--mb-1);\r\n }\r\n\r\n .home__subtitle::before {\r\n width: 42px;\r\n top: 0.8rem;\r\n }\r\n\r\n .home__description {\r\n max-width: initial;\r\n margin-bottom: var(--mb-0-25);\r\n }\r\n\r\n .home__img {\r\n width: 250px;\r\n height: 250px;\r\n box-shadow: inset 0 0 0 8px rgb(255 255 255 / 20%);\r\n }\r\n\r\n .home__scroll {\r\n margin-left: 7.5rem;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .home__content {\r\n grid-template-columns: 0.5fr 3fr;\r\n padding-top: 3.5rem;\r\n }\r\n\r\n .home__title {\r\n font-size: 40px;\r\n }\r\n\r\n .home__img {\r\n order: initial;\r\n justify-items: initial;\r\n box-shadow: inset 0 0 0 6px rgb(255 255 255 / 20%);\r\n width: 200px;\r\n height: 200px;\r\n }\r\n\r\n .home__data {\r\n grid-column: 1/3;\r\n }\r\n\r\n .home__scroll {\r\n display: none;\r\n }\r\n }\r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .home__title {\r\n font-size: 35px;\r\n }\r\n\r\n .home__subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .home__description {\r\n font-size: 15px;\r\n }\r\n\r\n .button--flex {\r\n font-size: 12px;\r\n }\r\n\r\n .home__img {\r\n width: 180px;\r\n height: 180px;\r\n }\r\n\r\n .home__hand {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n }",".about__container {\r\n grid-template-columns: repeat(2, 1fr);\r\n align-items: center;\r\n column-gap: 4rem;\r\n}\r\n\r\n.about__img {\r\n width: 350px;\r\n border-radius: 1.5rem;\r\n justify-self: center;\r\n filter: grayscale(85%);\r\n}\r\n\r\n.about__info {\r\n grid-template-columns: repeat(2, 140px);\r\n gap: 0.5rem;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.about__box {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 0.75rem;\r\n text-align: center;\r\n padding: 1rem 1.25rem;\r\n}\r\n\r\n.about__icon {\r\n font-size: 1.5rem;\r\n color: var(--title-color);\r\n margin-bottom: var(--mb-0-5);\r\n}\r\n\r\n.about__title {\r\n font-size: var(--small-font-size);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.about__subtitle {\r\n font-size: var(--tiny-font-size);\r\n}\r\n\r\n.about__description {\r\n padding: 0 4rem 0 0;\r\n margin-bottom: var(--mb-2-5);\r\n}\r\n\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .section__subtitle {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .about__container {\r\n grid-template-columns: 1fr;\r\n row-gap: 1.5rem;\r\n }\r\n\r\n .about__img {\r\n width: 170px;\r\n }\r\n\r\n .about__box {\r\n padding: 0.35rem 0.35rem;\r\n }\r\n\r\n .about__data {\r\n text-align: center;\r\n }\r\n\r\n .about__info {\r\n justify-content: center;\r\n }\r\n\r\n .about__description {\r\n padding: 0 3rem;\r\n margin-bottom: 1rem;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .about__description {\r\n padding: 0;\r\n font-size: 13px;\r\n }\r\n }\r\n @media screen and (max-width: 576px) {\r\n .about__description {\r\n padding: 0;\r\n font-size: 12px;\r\n }\r\n }\r\n ",".skills__container {\r\n grid-template-columns: repeat(2, 500px);\r\n column-gap: 2rem;\r\n justify-content: center;\r\n}\r\n\r\n.section__subtitle {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.section__subsubtitle {\r\n text-align: center;\r\n font-size: 16px;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fa-diamond {\r\n padding: 1rem;\r\n}\r\n\r\n.skills__content {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0,0,0,0.1);\r\n padding: 2rem 4%;\r\n border-radius: 1.25rem;\r\n}\r\n\r\n.skills__title {\r\n font-size: 18px;\r\n font-weight: var(--font-medium);\r\n text-align: center;\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 4rem;\r\n}\r\n\r\n.skills__group {\r\n display: grid;\r\n align-items: flex-start;\r\n row-gap: 1.25rem;\r\n}\r\n\r\n.skills__data {\r\n display: flex;\r\n column-gap: 0.5rem;\r\n width: 165px;\r\n}\r\n\r\n.skills .bx-badge-check {\r\n font-size: 1rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.skills__name {\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n line-height: 18px;\r\n}\r\n\r\n.skills__level {\r\n font-size: var(--tiny-font-size);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .skills__container {\r\n grid-template-columns: repeat(1, 475px);\r\n row-gap: 2rem;\r\n justify-content: center;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 576px) {\r\n .skills__container {\r\n grid-template-columns: 0.5fr;\r\n row-gap: 1rem;\r\n justify-content: center;\r\n }\r\n\r\n .skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 0.8rem;\r\n }\r\n\r\n .skills__content {\r\n padding: 0.75rem;\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .skills__container {\r\n grid-template-columns: 1fr;\r\n justify-content: center;\r\n }\r\n\r\n .skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 0.1rem;\r\n }\r\n\r\n .skills__content {\r\n padding: 1rem;\r\n }\r\n\r\n .skills__name {\r\n font-size: var(--small-font-size);\r\n }\r\n }\r\n \r\n",".qualification__container {\r\n max-width: 768px;\r\n}\r\n\r\n.qualification__tabs {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.qualification__button {\r\n font-size: var(--h3-font-size);\r\n font-weight: var(--font-medium);\r\n color: var(--title-color);\r\n margin: 0 var(--mb-1);\r\n cursor: pointer;\r\n}\r\n\r\n.qualification__button:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.qualification__icon {\r\n font-size: 1.8rem;\r\n margin-right: var(--mb-0-25);\r\n}\r\n\r\n.qualification__active {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.qualification__sections {\r\n display: grid;\r\n grid-template-columns: 0.75fr;\r\n justify-content: center;\r\n}\r\n\r\n.qualification__content {\r\n display: none;\r\n}\r\n\r\n.qualification__content-active {\r\n display: block;\r\n}\r\n\r\n.qualification__data {\r\n display: grid;\r\n grid-template-columns: 1fr max-content 1fr;\r\n column-gap: 1.5rem;\r\n}\r\n\r\n.qualification__title {\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.qualification__subtitle {\r\n display: inline-block;\r\n font-size: var(--small-font-size);\r\n margin-bottom: var(--mb-1);\r\n}\r\n\r\n.qualification__calendar {\r\n font-size: var(--small-font-size);\r\n}\r\n\r\n.qualification__rounder {\r\n display: inline-block;\r\n width: 13px;\r\n height: 13px;\r\n background-color: var(--text-color);\r\n border-radius: 50%;\r\n}\r\n\r\n.qualification__line {\r\n display: block;\r\n width: 1px;\r\n height: 100%;\r\n background-color: var(--text-color);\r\n transform: translate(6px, -7px);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n .qualification__container {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .qualification__container {\r\n margin-left: var(--mb-1-5);\r\n margin-right: var(--mb-1-5);\r\n }\r\n }\r\n \r\n @media screen and (max-width: 576px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n\r\n .qualification__button {\r\n margin: 0 var(--mb-0-75);\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n\r\n .qualification__data {\r\n gap: 0.5rem;\r\n }\r\n }",".contact__container {\r\n grid-template-columns: repeat(2, max-content);\r\n justify-content: center;\r\n column-gap: 6rem;\r\n padding-bottom: 3rem;\r\n}\r\n\r\n.contact__title {\r\n text-align: center;\r\n font-size: var(--h3-font-size);\r\n font-weight: var(--font-medium);\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.contact__info {\r\n display: grid;\r\n row-gap: 1rem;\r\n grid-template-columns: 300px;\r\n}\r\n\r\n.contact__social {\r\n display: grid;\r\n grid-template-columns: repeat(4, max-content);\r\n justify-content: center;\r\n margin-top: 2rem;\r\n row-gap: 1rem;\r\n column-gap: 3rem;\r\n}\r\n\r\n.contact__social-icon {\r\n font-size: 2rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.contact__social-icon:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.contact__card {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0,0,0,0.1);\r\n padding: 1rem;\r\n border-radius: 0.75rem;\r\n text-align: center;\r\n}\r\n\r\n.contact__card-icon {\r\n font-size: 2rem;\r\n color: var(--title-color);\r\n margin-bottom: var(--mb-0-25);\r\n}\r\n\r\n.contact__card-title {\r\n font-size: var(--font-medium);\r\n}\r\n\r\n.contact__card-data {\r\n font-size: var(--small-font-size);\r\n display: block;\r\n margin-bottom: var(--mb-0-75);\r\n}\r\n\r\n.contact__button {\r\n color: var(--text-color);\r\n font-size: var(--small-font-size);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n column-gap: 0.25rem;\r\n}\r\n\r\n.contact__button-icon {\r\n font-size: 1rem;\r\n transition: 0.3s;\r\n}\r\n\r\n.contact__button:hover .contact__button-icon{\r\n transform: translate(0.25rem);\r\n}\r\n\r\n.contact__form {\r\n width: 360px;\r\n}\r\n\r\n.contact__form-div {\r\n position: relative;\r\n margin-bottom: var(--mb-2);\r\n height: 4rem;\r\n}\r\n\r\n.contact__form-input {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 2px solid rgba(0,0,0,0.3);\r\n background: none;\r\n color: var(--text-color);\r\n outline: none;\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n z-index: 1;\r\n}\r\n\r\n.contact__form-tag {\r\n position: absolute;\r\n top: -0.75rem;\r\n left: 1.25rem;\r\n font-size: var(--smaller-font-size);\r\n padding: 0.25rem;\r\n background-color: var(--body-color);\r\n z-index: 10;\r\n}\r\n\r\n.contact__form-area {\r\n height: 11rem;\r\n}\r\n\r\n.contact__form-area textarea {\r\n resize: none;\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .contact__container {\r\n column-gap: 3rem;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .contact__container {\r\n grid-template-columns: 1fr;\r\n row-gap: 3rem;\r\n }\r\n\r\n .contact__info {\r\n justify-content: center;\r\n }\r\n\r\n .contact__form {\r\n margin: 0 auto;\r\n }\r\n }\r\n \r\n @media screen and (max-width: 576px) {\r\n .contact__info {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .contact__form {\r\n width: 100%;\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n }",".footer {\r\n background-color: var(--container-color);\r\n border-top: 1px solid rgba(0,0,0,0.1);\r\n}\r\n\r\n.footer__container {\r\n padding: 2rem 0 6rem;\r\n}\r\n\r\n.footer__title, \r\n.footer__link {\r\n color: var(--title-color);\r\n}\r\n\r\n.footer__title {\r\n text-align: center;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.footer__link:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.footer__list {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 1.5rem;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.footer__copy {\r\n display: block;\r\n margin-top: 4.5rem;\r\n color: var(--title-color);\r\n text-align: center;\r\n font-size: var(--small-font-size);\r\n}\r\n\r\n ",".scrollup {\r\n position: fixed;\r\n right: 2.5rem;\r\n bottom: -20%;\r\n background-color: var(--title-color);\r\n opacity: 0.8;\r\n padding: 0.3rem 0.5rem;\r\n border-radius: 0.4rem;\r\n z-index: var(--z-tooltip);\r\n transition: .4s;\r\n}\r\n\r\n.scrollup__icon {\r\n font-size: 1.5rem;\r\n color: var(--container-color);\r\n}\r\n\r\n.scrollup:hover {\r\n background-color: var(--title-color-dark);\r\n}\r\n\r\n/* Show Scroll */\r\n.show-scroll {\r\n bottom: 3rem;\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .scrollup {\r\n right: 1.5rem;\r\n padding: 0.25rem 0.4rem;\r\n }\r\n\r\n .scrollup__icon {\r\n font-size: 1.25rem;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .scrollup {\r\n bottom: 4rem;\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .scrollup {\r\n right: 1rem;\r\n }\r\n }\r\n "],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.c30d3b05.css.map b/static/css/main.c30d3b05.css.map deleted file mode 100644 index 8a94de9..0000000 --- a/static/css/main.c30d3b05.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.c30d3b05.css","mappings":"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","sources":["index.css","App.css","components/header/header.css","components/home/home.css","components/about/about.css","components/skills/skills.css","components/qualification/qualification.css","components/contact/contact.css","components/footer/footer.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/*=============== GOOGLE FONTS ===============*/\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap\");\n\n/*=============== VARIABLES CSS ===============*/\n:root {\n --header-height: 3rem;\n\n /*========== Colors ==========*/\n /*Color mode HSL(hue, saturation, lightness)*/\n --hue: 0;\n --sat: 0%;\n --title-color: hsl(var(--hue), var(--sat), 20%);\n --title-color-dark: hsl(var(--hue), var(--sat), 0%);\n --text-color: hsl(var(--hue), var(--sat), 46%);\n --body-color: hsl(var(--hue), var(--sat), 98%);\n --container-color: #fff;\n\n /*========== Font and typography ==========*/\n --body-font: \"Poppins\", sans-serif;\n\n /*.5rem = 8px | 1rem = 16px ...*/\n --big-font-size: 3.5rem;\n --h1-font-size: 2.25rem;\n --h2-font-size: 1.5rem;\n --h3-font-size: 1.25rem;\n --normal-font-size: 1rem;\n --small-font-size: 0.875rem;\n --smaller-font-size: 0.813rem;\n --tiny-font-size: 0.625rem;\n\n /*========== Font weight ==========*/\n --font-normal: 400;\n --font-medium: 500;\n --font-semi-bold: 600;\n\n /*========== Margenes Bottom ==========*/\n /*.5rem = 8px | 1rem = 16px ...*/\n --mb-0-25: 0.25rem;\n --mb-0-5: 0.5rem;\n --mb-0-75: 0.75rem;\n --mb-1: 1rem;\n --mb-1-5: 1.5rem;\n --mb-2: 2rem;\n --mb-2-5: 2.5rem;\n --mb-3: 3rem;\n\n /*========== z index ==========*/\n --z-tooltip: 10;\n --z-fixed: 100;\n --z-modal: 1000;\n}\n\n/* Responsive typography */\n@media screen and (max-width: 992px) {\n :root {\n --big-font-size: 2.75rem;\n --h1-font-size: 1.5rem;\n --h2-font-size: 1.25rem;\n --h3-font-size: 1rem;\n --normal-font-size: 0.938rem;\n --small-font-size: 0.813rem;\n --smaller-font-size: 0.75rem;\n }\n}\n\n/*=============== BASE ===============*/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody,\nbutton,\ninput,\ntextarea {\n font-family: var(--body-font);\n font-size: var(--normal-font-size);\n}\n\nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n}\n\nh1, h2, h3 {\n color: var(--title-color);\n font-weight: var(--font-semi-bold);\n}\n\nul {\n list-style: none;\n}\n\na {\n text-decoration: none;\n}\n\nbutton {\n cursor: pointer;\n border: none;\n outline: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n/*=============== REUSABLE CSS CLASSES ===============*/\n.section {\n padding: 6rem 0 2rem;\n}\n\n.section__title {\n font-size: var(--h1-font-size);\n color: var(--title-color);\n}\n\n.section__subtitle {\n display: block;\n font-size: var(--small-font-size);\n margin-bottom: 4rem;\n}\n\n.section__title,\n.section__subtitle {\n text-align: center;\n}\n\n/*=============== LAYOUT ===============*/\n.container {\n max-width: 968px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.grid {\n display: grid;\n gap: 1.5rem;\n}\n\n/*=============== BUTTONS ===============*/\n.button {\n display: inline-block;\n background-color: var(--title-color);\n color: var(--container-color);\n padding: 1.25rem 2rem;\n border-radius: 1rem;\n font-weight: var(--font-medium);\n}\n\n.button:hover {\n background-color: var(--title-color-dark);\n}\n\n.button__icon {\n margin-left: var(--mb-0-5);\n}\n\n.button--flex {\n display: inline-flex;\n align-items: center;\n}\n\n/*=============== BREAKPOINTS ===============*/\n/* For large devices */\n@media screen and (max-width: 992px) {\n .container {\n margin-left: var(--mb-1-5);\n margin-right: var(--mb-1-5);\n }\n\n .button {\n padding: 1rem 1.75rem;\n }\n\n .button__icon {\n width: 22px;\n height: 22px;\n }\n}\n\n/* For medium devices */\n@media screen and (max-width: 768px) {\n body {\n margin: 0 0 var(--header-height) 0;\n }\n\n .section {\n padding: 2rem 0 4rem;\n }\n\n .section__subtitle {\n margin-bottom: var(--mb-3);\n }\n}\n\n@media screen and (max-width: 576px) {\n}\n\n/* For small devices */\n@media screen and (max-width: 350px) {\n :root {\n --big-font-size: 2.25rem;\n }\n\n .container {\n margin-left: var(--mb-1);\n margin-right: var(--mb-1);\n }\n}\n",".header {\r\n width: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: var(--z-fixed);\r\n background-color: var(--body-color);\r\n}\r\n\r\n.nav {\r\n height: calc(var(--header-height) + 1.5rem);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n column-gap: 1rem;\r\n}\r\n\r\n.nav__logo, .nav__toggle {\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.nav__list {\r\n display: flex;\r\n column-gap: 2rem;\r\n}\r\n\r\n.nav__link {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n font-size: var(--small-font-size);\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n transition: 0.3s;\r\n}\r\n\r\n.nav__icon, .nav__close, .nav__toggle {\r\n display: none;\r\n}\r\n\r\n/* Active Link */\r\n.active-link, .nav__link:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For medium devices */\r\n@media screen and (max-width: 768px) {\r\n .header {\r\n top: initial;\r\n bottom: 0;\r\n }\r\n \r\n .nav {\r\n height: var(--header-height);\r\n }\r\n \r\n .nav__menu {\r\n position: fixed;\r\n bottom: -100%;\r\n left: 0;\r\n width: 100%;\r\n background-color: var(--body-color);\r\n padding: 2rem 1.5rem 4rem;\r\n box-shadow: 0 -1px 4px rgba(0,0,0,0.15);\r\n border-radius: 1.5rem 1.5rem 0 0;\r\n transition: 0.3s;\r\n }\r\n\r\n /* Show Menu */\r\n .show-menu {\r\n bottom: 0;\r\n }\r\n .nav__list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .nav__icon {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .nav__close {\r\n position: absolute;\r\n right: 1.3rem;\r\n bottom: 0.5rem;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--title-color);\r\n }\r\n\r\n .nav__close:hover {\r\n color: var(--title-color-dark);\r\n }\r\n\r\n .nav__toggle {\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n }\r\n\r\n .nav__icon, .nav__close, .nav__toggle {\r\n display: block;\r\n }\r\n}\r\n\r\n/* For small devices */\r\n@media screen and (max-width: 350px) {\r\n .nav__menu {\r\n padding: 2rem 0.5rem 4rem;\r\n }\r\n\r\n .nav_list {\r\n column-gap: 0;\r\n }\r\n}",".home__container {\r\n row-gap: 7rem;\r\n}\r\n\r\n.home__content {\r\n grid-template-columns: 116px repeat(2, 1fr);\r\n padding-top: 5.5rem;\r\n column-gap: 2rem;\r\n align-items: center;\r\n}\r\n\r\n.home__social {\r\n display: grid;\r\n grid-template-columns: max-content;\r\n row-gap: 1rem;\r\n}\r\n\r\n.home__social-icon {\r\n font-size: 1.25rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.home__social-icon:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.home__title {\r\n font-size: var(--big-font-size);\r\n margin-bottom: var(--mb-0-25);\r\n}\r\n\r\n.home__hand {\r\n width: 30px;\r\n height: 30px;\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.home__subtitle {\r\n position: relative;\r\n font-size: var(--h3-font-size);\r\n padding-left: 5.4rem;\r\n font-weight: var(--font-normal);\r\n margin-bottom: var(--mb-1);\r\n}\r\n\r\n.home__subtitle::before {\r\n content: '';\r\n position: absolute;\r\n width: 70px;\r\n height: 1px;\r\n background-color: var(--text-color);\r\n left: 0;\r\n top: 1rem;\r\n}\r\n\r\n.home__description {\r\n max-width: 500px;\r\n margin-bottom: var(--mb-3);\r\n}\r\n\r\n.home__img {\r\n background: url(../../assets//profile2.jpg);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n box-shadow: inset 0 0 0 9px rgb(255 255 255 / 20%);\r\n filter: grayscale(85%);\r\n order: 1;\r\n justify-self: center;\r\n width: 300px;\r\n height: 300px;\r\n animation: profile__animate 8s ease-in-out infinite 1s;\r\n}\r\n\r\n@keyframes profile__animate {\r\n 0% {\r\n border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;\r\n }\r\n\r\n 50% {\r\n border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;\r\n }\r\n\r\n 100% {\r\n border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;\r\n }\r\n}\r\n\r\n.home__scroll {\r\n margin-left: 9.25rem;\r\n}\r\n\r\n.wheel {\r\n animation: scroll 2s ease infinite;\r\n}\r\n\r\n@keyframes scroll {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n\r\n 30% {\r\n transform: translateY(3.75rem);\r\n }\r\n}\r\n\r\n.home__scroll-name {\r\n color: var(--title-color);\r\n font-weight: var(--font-medium);\r\n margin-right: var(--mb-0-25);\r\n margin-left: 2px;\r\n}\r\n\r\n.home__scroll-arrow {\r\n font-size: 1.25rem;\r\n color: var(--title-color);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .home__content {\r\n grid-template-columns: 100px repeat(2, 1fr);\r\n column-gap: 1.25rem;\r\n }\r\n\r\n .home__title {\r\n font-size: 40px;\r\n }\r\n\r\n .home__hand {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .home__subtitle {\r\n padding-left: 3.75rem;\r\n margin-bottom: var(--mb-1);\r\n }\r\n\r\n .home__subtitle::before {\r\n width: 42px;\r\n top: 0.8rem;\r\n }\r\n\r\n .home__description {\r\n max-width: initial;\r\n margin-bottom: var(--mb-0-25);\r\n }\r\n\r\n .home__img {\r\n width: 250px;\r\n height: 250px;\r\n box-shadow: inset 0 0 0 8px rgb(255 255 255 / 20%);\r\n }\r\n\r\n .home__scroll {\r\n margin-left: 7.5rem;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .home__content {\r\n grid-template-columns: 0.5fr 3fr;\r\n padding-top: 3.5rem;\r\n }\r\n\r\n .home__title {\r\n font-size: 40px;\r\n }\r\n\r\n .home__img {\r\n order: initial;\r\n justify-items: initial;\r\n box-shadow: inset 0 0 0 6px rgb(255 255 255 / 20%);\r\n width: 200px;\r\n height: 200px;\r\n }\r\n\r\n .home__data {\r\n grid-column: 1/3;\r\n }\r\n\r\n .home__scroll {\r\n display: none;\r\n }\r\n }\r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .home__title {\r\n font-size: 35px;\r\n }\r\n\r\n .home__subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .home__description {\r\n font-size: 15px;\r\n }\r\n\r\n .button--flex {\r\n font-size: 12px;\r\n }\r\n\r\n .home__img {\r\n width: 180px;\r\n height: 180px;\r\n }\r\n\r\n .home__hand {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n }",".about__container {\r\n grid-template-columns: repeat(2, 1fr);\r\n align-items: center;\r\n column-gap: 4rem;\r\n}\r\n\r\n.about__img {\r\n width: 350px;\r\n border-radius: 1.5rem;\r\n justify-self: center;\r\n filter: grayscale(85%);\r\n}\r\n\r\n.about__info {\r\n grid-template-columns: repeat(2, 140px);\r\n gap: 0.5rem;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.about__box {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 0.75rem;\r\n text-align: center;\r\n padding: 1rem 1.25rem;\r\n}\r\n\r\n.about__icon {\r\n font-size: 1.5rem;\r\n color: var(--title-color);\r\n margin-bottom: var(--mb-0-5);\r\n}\r\n\r\n.about__title {\r\n font-size: var(--small-font-size);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.about__subtitle {\r\n font-size: var(--tiny-font-size);\r\n}\r\n\r\n.about__description {\r\n padding: 0 4rem 0 0;\r\n margin-bottom: var(--mb-2-5);\r\n}\r\n\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .section__subtitle {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .about__container {\r\n grid-template-columns: 1fr;\r\n row-gap: 1.5rem;\r\n }\r\n\r\n .about__img {\r\n width: 170px;\r\n }\r\n\r\n .about__box {\r\n padding: 0.35rem 0.35rem;\r\n }\r\n\r\n .about__data {\r\n text-align: center;\r\n }\r\n\r\n .about__info {\r\n justify-content: center;\r\n }\r\n\r\n .about__description {\r\n padding: 0 3rem;\r\n margin-bottom: 1rem;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .about__description {\r\n padding: 0;\r\n font-size: 13px;\r\n }\r\n }\r\n @media screen and (max-width: 576px) {\r\n .about__description {\r\n padding: 0;\r\n font-size: 12px;\r\n }\r\n }\r\n ",".skills__container {\r\n grid-template-columns: repeat(2, 500px);\r\n column-gap: 2rem;\r\n justify-content: center;\r\n}\r\n\r\n.section__subtitle {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.section__subsubtitle {\r\n text-align: center;\r\n font-size: 16px;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fa-diamond {\r\n padding: 1rem;\r\n}\r\n\r\n.skills__content {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0,0,0,0.1);\r\n padding: 2rem 4%;\r\n border-radius: 1.25rem;\r\n}\r\n\r\n.skills__title {\r\n font-size: 18px;\r\n font-weight: var(--font-medium);\r\n text-align: center;\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 4rem;\r\n}\r\n\r\n.skills__group {\r\n display: grid;\r\n align-items: flex-start;\r\n row-gap: 1.25rem;\r\n}\r\n\r\n.skills__data {\r\n display: flex;\r\n column-gap: 0.5rem;\r\n width: 165px;\r\n}\r\n\r\n.skills .bx-badge-check {\r\n font-size: 1rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.skills__name {\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n line-height: 18px;\r\n}\r\n\r\n.skills__level {\r\n font-size: var(--tiny-font-size);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .skills__container {\r\n grid-template-columns: repeat(1, 475px);\r\n row-gap: 2rem;\r\n justify-content: center;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 576px) {\r\n .skills__container {\r\n grid-template-columns: 0.5fr;\r\n row-gap: 1rem;\r\n justify-content: center;\r\n }\r\n\r\n .skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 0.8rem;\r\n }\r\n\r\n .skills__content {\r\n padding: 0.75rem;\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .skills__container {\r\n grid-template-columns: 1fr;\r\n justify-content: center;\r\n }\r\n\r\n .skills__box {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 0.1rem;\r\n }\r\n\r\n .skills__content {\r\n padding: 1rem;\r\n }\r\n\r\n .skills__name {\r\n font-size: var(--small-font-size);\r\n }\r\n }\r\n \r\n",".qualification__container {\r\n max-width: 768px;\r\n}\r\n\r\n.qualification__tabs {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.qualification__button {\r\n font-size: var(--h3-font-size);\r\n font-weight: var(--font-medium);\r\n color: var(--title-color);\r\n margin: 0 var(--mb-1);\r\n cursor: pointer;\r\n}\r\n\r\n.qualification__button:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.qualification__icon {\r\n font-size: 1.8rem;\r\n margin-right: var(--mb-0-25);\r\n}\r\n\r\n.qualification__active {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.qualification__sections {\r\n display: grid;\r\n grid-template-columns: 0.75fr;\r\n justify-content: center;\r\n}\r\n\r\n.qualification__content {\r\n display: none;\r\n}\r\n\r\n.qualification__content-active {\r\n display: block;\r\n}\r\n\r\n.qualification__data {\r\n display: grid;\r\n grid-template-columns: 1fr max-content 1fr;\r\n column-gap: 1.5rem;\r\n}\r\n\r\n.qualification__title {\r\n font-size: var(--normal-font-size);\r\n font-weight: var(--font-medium);\r\n}\r\n\r\n.qualification__subtitle {\r\n display: inline-block;\r\n font-size: var(--small-font-size);\r\n margin-bottom: var(--mb-1);\r\n}\r\n\r\n.qualification__calendar {\r\n font-size: var(--small-font-size);\r\n}\r\n\r\n.qualification__rounder {\r\n display: inline-block;\r\n width: 13px;\r\n height: 13px;\r\n background-color: var(--text-color);\r\n border-radius: 50%;\r\n}\r\n\r\n.qualification__line {\r\n display: block;\r\n width: 1px;\r\n height: 100%;\r\n background-color: var(--text-color);\r\n transform: translate(6px, -7px);\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n .qualification__container {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .qualification__container {\r\n margin-left: var(--mb-1-5);\r\n margin-right: var(--mb-1-5);\r\n }\r\n }\r\n \r\n @media screen and (max-width: 576px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n\r\n .qualification__button {\r\n margin: 0 var(--mb-0-75);\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n .qualification__sections {\r\n grid-template-columns: initial;\r\n }\r\n\r\n .qualification__data {\r\n gap: 0.5rem;\r\n }\r\n }",".contact__container {\r\n grid-template-columns: repeat(2, max-content);\r\n justify-content: center;\r\n column-gap: 6rem;\r\n padding-bottom: 3rem;\r\n}\r\n\r\n.contact__title {\r\n text-align: center;\r\n font-size: var(--h3-font-size);\r\n font-weight: var(--font-medium);\r\n margin-bottom: var(--mb-1-5);\r\n}\r\n\r\n.contact__info {\r\n display: grid;\r\n row-gap: 1rem;\r\n grid-template-columns: 300px;\r\n}\r\n\r\n.contact__social {\r\n display: grid;\r\n grid-template-columns: repeat(4, max-content);\r\n justify-content: center;\r\n margin-top: 2rem;\r\n row-gap: 1rem;\r\n column-gap: 3rem;\r\n}\r\n\r\n.contact__social-icon {\r\n font-size: 2rem;\r\n color: var(--title-color);\r\n}\r\n\r\n.contact__social-icon:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.contact__card {\r\n background-color: var(--container-color);\r\n border: 1px solid rgba(0,0,0,0.1);\r\n padding: 1rem;\r\n border-radius: 0.75rem;\r\n text-align: center;\r\n}\r\n\r\n.contact__card-icon {\r\n font-size: 2rem;\r\n color: var(--title-color);\r\n margin-bottom: var(--mb-0-25);\r\n}\r\n\r\n.contact__card-title {\r\n font-size: var(--font-medium);\r\n}\r\n\r\n.contact__card-data {\r\n font-size: var(--small-font-size);\r\n display: block;\r\n margin-bottom: var(--mb-0-75);\r\n}\r\n\r\n.contact__button {\r\n color: var(--text-color);\r\n font-size: var(--small-font-size);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n column-gap: 0.25rem;\r\n}\r\n\r\n.contact__button-icon {\r\n font-size: 1rem;\r\n transition: 0.3s;\r\n}\r\n\r\n.contact__button:hover .contact__button-icon{\r\n transform: translate(0.25rem);\r\n}\r\n\r\n.contact__form {\r\n width: 360px;\r\n}\r\n\r\n.contact__form-div {\r\n position: relative;\r\n margin-bottom: var(--mb-2);\r\n height: 4rem;\r\n}\r\n\r\n.contact__form-input {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 2px solid rgba(0,0,0,0.3);\r\n background: none;\r\n color: var(--text-color);\r\n outline: none;\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n z-index: 1;\r\n}\r\n\r\n.contact__form-tag {\r\n position: absolute;\r\n top: -0.75rem;\r\n left: 1.25rem;\r\n font-size: var(--smaller-font-size);\r\n padding: 0.25rem;\r\n background-color: var(--body-color);\r\n z-index: 10;\r\n}\r\n\r\n.contact__form-area {\r\n height: 11rem;\r\n}\r\n\r\n.contact__form-area textarea {\r\n resize: none;\r\n}\r\n\r\n/*=============== BREAKPOINTS ===============*/\r\n/* For large devices */\r\n@media screen and (max-width: 992px) {\r\n .contact__container {\r\n column-gap: 3rem;\r\n }\r\n }\r\n \r\n /* For medium devices */\r\n @media screen and (max-width: 768px) {\r\n .contact__container {\r\n grid-template-columns: 1fr;\r\n row-gap: 3rem;\r\n }\r\n\r\n .contact__info {\r\n justify-content: center;\r\n }\r\n\r\n .contact__form {\r\n margin: 0 auto;\r\n }\r\n }\r\n \r\n @media screen and (max-width: 576px) {\r\n .contact__info {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .contact__form {\r\n width: 100%;\r\n }\r\n }\r\n \r\n /* For small devices */\r\n @media screen and (max-width: 350px) {\r\n }",".footer {\r\n background-color: var(--container-color);\r\n border-top: 1px solid rgba(0,0,0,0.1);\r\n}\r\n\r\n.footer__container {\r\n padding: 2rem 0 6rem;\r\n}\r\n\r\n.footer__title, \r\n.footer__link {\r\n color: var(--title-color);\r\n}\r\n\r\n.footer__title {\r\n text-align: center;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.footer__link:hover {\r\n color: var(--title-color-dark);\r\n}\r\n\r\n.footer__list {\r\n display: flex;\r\n justify-content: center;\r\n column-gap: 1.5rem;\r\n margin-bottom: var(--mb-2);\r\n}\r\n\r\n.footer__copy {\r\n display: block;\r\n margin-top: 4.5rem;\r\n color: var(--title-color);\r\n text-align: center;\r\n font-size: var(--small-font-size);\r\n}\r\n\r\n "],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.e187e397.js b/static/js/main.48d89194.js similarity index 99% rename from static/js/main.e187e397.js rename to static/js/main.48d89194.js index 89c678d..b4a727f 100644 --- a/static/js/main.e187e397.js +++ b/static/js/main.48d89194.js @@ -1,3 +1,3 @@ -/*! For license information please see main.e187e397.js.LICENSE.txt */ -(()=>{"use strict";var e={463:(e,n,t)=>{var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t