.home-container{display:grid;grid-template-areas:"h-h h-h h-h" "h-d h-d h-d" "h-s h-s h-s" "h-a h-rp h-rp" "h-p h-p h-p"}.home-header{grid-area:h-h;background-color:#e4d4c3}.home-dashboard{grid-area:h-d;background-color:#ede0d4;border-radius:.5rem;margin:.5rem 0}.home-skills{grid-area:h-s;justify-self:center;width:100%;background-color:#e4c7aa;border-radius:.5rem;margin:.5rem 0}.home-about{grid-area:h-a;background-color:#ddb892;border-radius:.5rem;margin:.5rem .2rem .5rem 0}.home-recentprojects{grid-area:h-rp;background-color:#b08968;border-radius:.5rem;margin:.5rem 0 .5rem .2rem}.home-projects{grid-area:h-p;justify-self:center;width:100%;background-color:#7f5539;border-radius:.5rem;margin:.5rem 0;overflow:scroll}@media screen and (max-width: 600px){.home-container{display:grid;grid-template-areas:"h-h h-h h-h" "h-d h-d h-d" "h-s h-s h-s" "h-a h-a h-a" "h-rp h-rp h-rp" "h-p h-p h-p"}.home-dashboard,.home-skills{margin:1rem 0}}.header-container{display:grid;grid-template-areas:"header-menu header-name header-user" ". header-name ."}.header-menu{grid-area:header-menu}.header-name{grid-area:header-name;text-align:center;font-size:1.5rem;color:#7f5539}.header-job-title{grid-area:header-name;text-align:center;font-size:2rem;color:#7f5539}.header-user{grid-area:header-user;text-align:right}@media screen and (max-width: 600px){.header-container{margin-top:2.5rem}.header-name{font-size:3.5rem}.header-job-title{font-size:4rem}}.ghs{width:16rem;margin:.5rem 1rem}.ghs-title-container{display:flex;justify-content:center;margin:0rem}.ghs-title{font-size:1.5rem;color:#7f5539}.github-details-container{padding:1rem;border-radius:.5rem;background-color:#e6ccb2;color:#7f5539}.github-details-loading,.github-profile-container{display:flex;justify-content:center}.github-profile-img{width:3rem;height:3rem;border-radius:.5rem}.gh-name,.gh-repo{text-align:center}@media screen and (max-width: 600px){.ghs{height:auto;width:auto;margin:.5rem 1rem}.ghs-title{font-size:3rem;margin:3rem 0}.github-profile-img{margin:0 .2rem;width:5rem;height:5rem}.gh-name{margin:0 .4rem;font-size:2rem;letter-spacing:.1rem}.gh-repo{margin:0 .4rem;font-size:2rem}}.lcs{width:16rem;margin:1rem}.lcs-title-container{display:flex;justify-content:center}.lcs-title{font-size:1.5rem;color:#7f5539}.solved-questions-container{padding:1rem;border-radius:.5rem;background-color:#e6ccb2;color:#7f5539}.s-q-title{text-align:center}.s-q-ind-container{display:flex;justify-content:center}.s-q-ind{width:100%;text-align:center}@media screen and (max-width: 600px){.lcs{height:auto;width:auto;margin:.5rem 1rem}.lcs-title{font-size:3rem;margin:3rem 0}.s-q-title{font-size:2rem}.s-q-difficulty,.s-q-count{font-size:2rem;margin:0 .3rem}}.wbs-title-container{display:flex;justify-content:center}.wbs-title{font-size:1.5rem;color:#7f5539}.websites-used-container{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;column-gap:.5rem}.host-container{width:6.5rem;padding:1rem;border-radius:.5rem;background-color:#e6ccb2}.hs-t{display:flex;margin:auto;justify-content:center;color:#7f5539}.hs-container{margin-top:.5rem}.loading{display:flex;justify-content:center;margin:1rem}.hs-link{text-decoration:none;color:#7f5539}.hs-item{display:grid;grid-auto-columns:min-content;grid-template-areas:"image name";column-gap:.5rem;margin-bottom:.2rem;background-color:#ede0d4;border-radius:.2rem;justify-content:center}.hs-item:hover{background-color:#e4c7aa}.hs-image-container{grid-area:image;display:flex}.hs-image{height:1rem;width:1rem;align-self:center}.hs-name{grid-area:name;letter-spacing:.05rem}.code-container{width:10rem;padding:1rem;border:0 solid #e5e7eb;border-radius:.5rem;background-color:#e6ccb2}.cc-t{display:flex;margin:auto;justify-content:center;color:#7f5539}.cc-container{margin-top:.5rem}.cc-link{text-decoration:none;color:#7f5539}.cc-item{display:grid;grid-auto-columns:min-content;grid-template-areas:"image name";column-gap:.5rem;margin-bottom:.2rem;background-color:#ede0d4;border-radius:.2rem;justify-content:center}.cc-item:hover{background-color:#e4c7aa}.cc-image-container{grid-area:image;display:flex}.cc-image{height:1rem;width:1rem;align-self:center}.cc-name{grid-area:name;letter-spacing:.05rem}.help-container{width:10rem;padding:1rem;border:0 solid #e5e7eb;border-radius:.5rem;background-color:#e6ccb2}.hh-t{display:flex;margin:auto;justify-content:center;color:#7f5539}.hh-container{margin-top:.5rem}.hh-link{text-decoration:none;color:#7f5539}.hh-item{display:grid;grid-auto-columns:min-content;grid-template-areas:"image name";column-gap:.5rem;margin-bottom:.2rem;background-color:#ede0d4;border-radius:.2rem;justify-content:center}.hh-item:hover{background-color:#e4c7aa}.hh-image-container{grid-area:image;display:flex}.hh-image{height:1rem;width:1rem;align-self:center}.hh-name{grid-area:name;letter-spacing:.05rem}@media screen and (max-width: 600px){.wbs-title-container{margin:3rem 0}.websites-used-container{display:grid;grid-template-areas:"codechall helphand" "host host";column-gap:1rem;row-gap:1rem}.wbs-title{font-size:3rem}.host-container{justify-self:center;width:24rem;grid-area:host}.hs-t{font-size:2.2rem;letter-spacing:.1rem}.hs-link{font-size:2rem}.hs-item{align-items:center;min-height:4rem;height:auto;margin-bottom:.5rem}.hs-image-container{height:2.2rem;width:2.2rem}.hs-image{height:2rem;width:2rem}.hs-name{letter-spacing:.1rem}.code-container{grid-area:codechall;width:20rem}.cc-t{font-size:2.2rem;letter-spacing:.1rem;text-align:center}.cc-link{font-size:2rem}.cc-item{align-items:center;min-height:4rem;height:auto;margin-bottom:.5rem}.cc-image-container{height:2.2rem;width:2.2rem}.cc-image{height:2rem;width:2rem}.cc-name{letter-spacing:.1rem}.help-container{grid-area:helphand;width:20rem}.hh-t{font-size:2.2rem;letter-spacing:.1rem;text-align:center}.hh-link{font-size:2rem}.hh-item{align-items:center;min-height:4rem;height:auto;margin-bottom:.5rem}.hh-image-container{height:2.2rem;width:2.2rem}.hh-image{height:2rem;width:2rem}.hh-name{letter-spacing:.1rem}}.dashboard-container{display:grid;grid-template-areas:"title" "dash"}.dashboard-title{grid-area:title}.dashboard-area{grid-area:dash;display:grid;grid-auto-flow:column;column-gap:1rem}.G-L-section{justify-self:center}.web-section{justify-self:center;align-self:center}@media screen and (max-width: 600px){.dashboard-area{grid-area:dash;display:grid;grid-auto-flow:row;column-gap:1rem}.G-L-section{display:flex;margin:0 1rem;justify-self:center}.web-section{justify-self:center;align-self:center;margin-bottom:1rem}}.about-container{display:grid;grid-template-areas:"a-m a-m" "a-c-j a-c-s" "a-e a-e" "s-m s-m";font-family:Source Code Pro,monospace}.aboutme-about{grid-area:a-m;margin:.5rem;padding:1rem;background-color:#b08968;border-radius:.5rem}.am-a-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid;text-align:center}.aboutme-education{grid-area:a-e;margin:.5rem;padding:1rem;background-color:#b08968;border-radius:.5rem}.am-e-title{font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.aboutme-school-container{display:flex}.aboutme-school-title{display:flex;margin:1rem 0;font-size:1.2rem;font-weight:600;text-indent:1rem;text-decoration:underline solid}.aboutme-school-name{margin-top:1.24rem;text-indent:1rem}.am-attended-dates-container{display:flex;margin-bottom:1rem}.am-attended-dates-title{font-size:1.2rem;font-weight:600;text-indent:1rem;text-decoration:underline solid}.am-attended-date-container{display:flex}.am-attended-date-start,.am-attended-date-divider,.am-attended-date-end{margin-top:.24rem;text-indent:.5rem}.aboutme-learned-container{margin-top:1rem}.aboutme-learned-title{font-size:1.2rem;font-weight:700;text-decoration:underline solid}.aboutme-learned-description{margin:.8rem}.aboutme-current-job{grid-area:a-c-j;margin:.5rem;padding:1rem;background-color:#b08968;border-radius:.5rem}.am-c-j-container{margin:1rem 0}.am-c-j-title{font-size:1.2rem;font-weight:600;text-decoration:underline solid}.am-c-j-name{margin-top:.2rem;text-indent:1rem}.am-c-l-container{margin-bottom:1rem}.am-c-l-title{font-size:1.2rem;font-weight:600;text-decoration:underline solid}.am-c-l-name{margin:.5rem 0;text-indent:1rem}.am-c-y-e-title{font-size:1.2rem;font-weight:600;text-decoration:underline solid}.am-c-y-e-name{margin:.5rem 0;text-indent:1rem}.aboutme-current-studing{grid-area:a-c-s;margin:.5rem;padding:1rem;background-color:#b08968;border-radius:.5rem}.am-c-s-container{margin:1rem 0}.am-c-s-title{font-size:1.2rem;font-weight:600;text-decoration:underline solid}.am-c-s-name{margin:.5rem 0;text-indent:1rem}.am-c-p-container{margin-bottom:1rem}.am-c-p-title{font-size:1.2rem;font-weight:600;text-decoration:underline solid}.am-c-p-name{margin:.5rem 0;text-indent:1rem}.aboutme-social-media-section{grid-area:s-m;display:grid;grid-auto-flow:row;margin:.5rem;padding:1rem;background-color:#b08968;border-radius:.5rem}.aboutme-social-media{display:grid;grid-auto-flow:column}.s-m-t-c{margin:0 0 1rem;text-align:center}.s-m-t{font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.s-m-c{margin:0 .5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:#7f553993}.s-m-c:hover{background-color:#563a2893}.s-m-l{text-decoration:none;color:#fff;text-align:center}.s-m-n{letter-spacing:.1rem}@media screen and (max-width: 600px){.am-a-title{font-size:2.8rem;margin-bottom:.8rem;padding:.5rem 1rem}.am-a-description{padding:1rem;font-size:2rem;letter-spacing:.1rem}.am-c-j-container{margin:1rem 0}.am-c-j-title{font-size:2rem}.am-c-j-name{font-size:1.65rem;letter-spacing:.1rem}.am-c-l-container{margin:1rem 0}.am-c-l-title{font-size:2rem}.am-c-l-name{font-size:1.65rem;letter-spacing:.1rem}.am-c-y-e-container{margin:1rem 0}.am-c-y-e-title{font-size:2rem}.am-c-y-e-name{font-size:1.65rem;letter-spacing:.1rem}.am-c-s-container{margin:1rem 0}.am-c-s-title{font-size:2rem}.am-c-s-name{font-size:1.65rem;letter-spacing:.1rem}.am-c-p-container{margin:1rem 0}.am-c-p-title{font-size:2rem}.am-c-p-name{font-size:1.65rem;letter-spacing:.1rem}.am-e-title{font-size:2.8rem}.aboutme-school-container{margin:1rem 0}.aboutme-school-title{font-size:2rem}.aboutme-school-name{font-size:1.65rem;letter-spacing:.1rem}.am-attended-dates-container{margin:1rem 0}.am-attended-dates-title{font-size:2rem}.am-attended-date-start{font-size:1.65rem;letter-spacing:.1rem}.am-attended-date-divider{font-size:1.65rem}.am-attended-date-end{font-size:1.65rem;letter-spacing:.1rem}.aboutme-learned-container{margin-top:2rem}.aboutme-learned-title{font-size:2rem}.aboutme-learned-description{margin:.8rem;font-size:1.65rem;letter-spacing:.1rem}.s-m-t-c{margin:0 0 1.8rem}.s-m-t{font-size:2.5rem}.s-m-c{padding:1rem}.s-m-l{text-decoration:none;color:#fff}.s-m-n{font-size:1.65rem}}.modal-background{position:fixed;display:flex;justify-content:center;align-items:center;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal-container{width:28rem;background-color:#e4c7aa;text-align:center;padding:1rem;border-radius:18px;justify-content:center;align-items:center}.m-btn-container-c{margin:.5rem 0 1rem}.m-btn-c{display:flex;justify-content:center}.modal-layout{z-index:2;display:grid;letter-spacing:.05rem;grid-template-areas:"mod-c mod-c" "mod-i mod-i" "mod-n mod-n" "mod-pu mod-l" "mod-d mod-d"}.m-c-c{grid-area:mod-c;display:flex;justify-self:center;width:auto;margin:.2rem 0;padding:.2rem;color:#7f5539;background-color:#ddaf81;border-radius:.5rem;font-size:1.5rem}.m-c{padding:0 1rem}.m-n-c{grid-area:mod-n;display:flex;justify-self:center;width:auto;margin:.2rem 0;padding:.2rem;color:#7f5539;background-color:#ddaf81;border-radius:.5rem;font-size:2rem}.m-n{padding:0 1rem}.m-i-c{grid-area:mod-i;justify-self:center;width:min-content;margin:.5rem 0;padding:1rem;background-color:#ddaf81;border-radius:.5rem}.m-i{height:8rem;width:auto;max-width:20rem;border-radius:.4rem}.m-l-c{grid-area:mod-l;display:flex;justify-content:center;align-items:center;margin:.2rem;padding:.2rem;color:#7f5539;background-color:#ddaf81;border-radius:.5rem}.m-l{color:#7f5539}.m-l-c:hover{background-color:#7f5539}.m-l-c:hover .m-l{color:#ddaf81}.m-p-u-c{grid-area:mod-pu;margin:.2rem;padding:.2rem;color:#7f5539;background-color:#ddaf81;border-radius:.5rem}.m-d-c{grid-area:mod-d;margin:.2rem 0;padding:.2rem;color:#7f5539;background-color:#ddaf81;border-radius:.5rem}@media screen and (max-width: 600px){.modal-background{background-color:#00000040}.modal-container{padding:2.5rem 1rem;width:50rem}.modal-layout{grid-template-areas:"mod-i mod-i" "mod-n mod-n" "mod-c mod-c" "mod-pu mod-l" "mod-d mod-d"}.m-i-c{margin:1rem 0;padding:.5rem}.m-i{padding:2rem;height:12rem;width:auto;border-radius:.4rem}.m-n-c{margin:.5rem 0;padding:0 1.2rem}.m-n{font-size:3rem}.m-c-c{margin:.8rem 0;padding:0 1.2rem}.m-c{font-size:2.5rem;letter-spacing:.1rem}.m-l-c{margin:.2rem .5rem;padding:1rem}.m-l-n{font-size:2rem;letter-spacing:.2rem}.m-p-u-c{margin:.2rem .5rem;padding:1rem}.m-p-u-t,.m-p-u-num{font-size:2rem}.m-d-c{padding:1rem .6rem;margin:.5rem}.m-d{font-size:2rem;letter-spacing:.2rem}}.skillsec{display:grid;grid-template-areas:"title" "skills"}.skills-title{grid-area:title;text-align:center;font-size:1.5rem;color:#7f5539}.skill-container{grid-area:skills;display:grid;grid-auto-columns:min-content;grid-auto-flow:column;margin:.2rem 1rem 1rem;overflow:scroll}.skill{margin:0rem .2rem;min-width:6rem;cursor:pointer}.skill-layout{display:grid;padding:.3rem;grid-template-areas:"name" "img" "count";grid-template-rows:auto 2.2rem 1rem;row-gap:.1rem;background-color:#ddaf81;border-radius:.5rem;max-height:4.75rem}.skill-layout:hover{background-color:#e4bd96;border:.08rem solid #ddaf81;padding:.2rem;margin:0}.s-n{grid-area:name;margin:auto;font-weight:400;font-size:.8rem;letter-spacing:.06rem;color:#7f5539}.s-i-c{grid-area:img;margin:auto}.s-img{margin:.1rem 0;padding:.06rem 0;height:2rem;border-radius:.4rem}.s-c{grid-area:count;margin:auto;font-size:.9rem;color:#7f5539}.mod-close-btn{height:2rem;width:12rem;background-color:#7f5539;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:1rem;letter-spacing:.06rem}.mod-close-btn:hover{background-color:red}@media screen and (max-width: 600px){.skillsec{height:20rem}.skills-title{margin:1rem 0;font-size:3rem}.skill-container{height:13rem;margin:.2rem 1rem 2rem}.skill{height:auto;margin:0 .4rem}.skill-layout{min-height:11rem;min-width:11rem;padding:1rem;grid-template-rows:auto}.s-n{font-weight:400;font-size:2rem}.s-img{height:5rem}.s-c{font-size:2rem}.mod-close-btn{height:4rem;width:24rem;font-size:2rem;letter-spacing:.1rem}}.recent-projects-container{display:grid;margin:.5rem 0;grid-auto-columns:min-content;grid-auto-flow:column}.recent-projects-loading{display:flex;justify-self:center}.recent-projects{margin:0rem .4rem;padding:.5rem;border:0 solid #e5e7eb;background-color:#7f5539;border-radius:.5rem;display:grid;grid-template-areas:"nam nam nam" "img img ski" "w-lin c-lin ski" "whe whe ski" "wha wha ski" "why why ski" "future future ski"}.recent-p-name-container{grid-area:nam;height:1.6rem;text-decoration:underline #d1ac8e solid}.recent-p-name{font-size:1.5rem;font-weight:700}.recent-p-image-container{grid-area:img;justify-self:center;margin:.5rem 0rem}.recent-p-web-link-container{grid-area:w-lin;background-color:#d1ac8e;border-radius:.3rem;width:6rem;height:min-content;justify-self:center}.recent-p-web-link-container:hover{background-color:#7f5539}.recent-p-web-link{text-decoration:none;color:#fff;text-align:center}.recent-p-web-link:hover{color:#d1ac8e}.recent-p-web-link-name{font-size:1.2rem}.recent-p-code-link-container{grid-area:c-lin;background-color:#d1ac8e;border-radius:.3rem;width:6rem;height:min-content;justify-self:center}.recent-p-code-link-container:hover{background-color:#7f5539}.recent-p-code-link{text-decoration:none;color:#fff;text-align:center}.recent-p-code-link:hover{color:#d1ac8e}.recent-p-code-link-name{font-size:1.2rem}.recent-p-when-container{grid-area:whe;height:4rem;margin:.5rem 0}.recent-p-when-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #d1ac8e solid}.recent-p-when-description{font-size:1rem;font-family:Source Code Pro,monospace}.recent-p-what-container{grid-area:wha;margin:.5rem 0;min-height:3rem;width:16rem}.recent-p-what-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #d1ac8e solid}.recent-p-what-description{font-size:1rem;font-family:Source Code Pro,monospace}.recent-p-why-container{grid-area:why;margin:.5rem 0;min-height:3rem}.recent-p-why-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #d1ac8e solid}.recent-p-why-description{font-size:1rem;font-family:Source Code Pro,monospace}.recent-p-skills{grid-area:ski;justify-content:center}.recent-p-skills-title{font-size:1rem;text-align:center}.recent-each-skill{margin:.1rem 0rem;padding:.1rem;height:2rem;background-color:#b08968;border-radius:.3rem;overflow:hidden;transition:.5s ease all;font-family:Source Code Pro,monospace}.recent-skill-image-container{display:flex;justify-content:center}.recent-skill-image{min-height:1.3rem;min-width:1.3rem;height:1.3rem;width:1.3rem;border-radius:.2rem;transition:.5s ease all 1s}.recent-skill-name-container{margin:auto}.recent-skill-name{font-size:.5rem;text-align:center;transition:.3s ease all .6s}.recent-each-skill:hover{width:auto;height:auto;background-color:#d1ac8e}.recent-each-skill:hover .recent-skill-image{height:auto;width:2.2rem}.recent-each-skill:hover .recent-skill-name{margin-top:.1rem;font-size:.8rem;background-color:#7f5539ca;border-radius:.09rem}.recent-p-future-container{grid-area:future;margin:.5rem 0}.recent-p-future-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #d1ac8e solid}.recent-p-future-description{font-size:1rem;font-family:Source Code Pro,monospace}@media screen and (max-width: 600px){.recent-projects-container{grid-auto-flow:row;row-gap:2rem}.recent-projects{width:52.5rem;padding:1rem;grid-template-areas:"nam nam" "img img" "ski ski" "w-lin c-lin" "whe whe" "wha wha" "why why" "future future"}.recent-p-name-container{margin-top:.5rem;margin-bottom:1.5rem;height:3.2rem}.recent-p-name{font-size:3rem;letter-spacing:.1rem}.recent-p-web-link-container{margin:4rem .5rem 1rem;height:5rem;width:20rem;align-content:center}.recent-p-web-link-name{font-size:2.2rem;letter-spacing:.1rem}.recent-p-code-link-container{margin:4rem .5rem 1rem;height:5rem;width:20rem;align-content:center}.recent-p-code-link-name{font-size:2.2rem;letter-spacing:.1rem}.recent-p-when-container{margin:2rem 0;height:5rem;width:auto}.recent-p-when-title{font-size:3rem;letter-spacing:.1rem}.recent-p-when-description{font-size:2rem}.recent-p-what-container{margin:2rem 0;width:auto}.recent-p-what-title{font-size:3rem;letter-spacing:.1rem}.recent-p-what-description{font-size:2rem}.recent-p-why-container{width:auto}.recent-p-why-title{font-size:3rem;letter-spacing:.1rem}.recent-p-why-description{font-size:2rem}.recent-p-future-container{width:auto}.recent-p-future-title{font-size:3rem;letter-spacing:.1rem}.recent-p-future-description{font-size:2rem}.recent-p-skills{display:grid;grid-template-areas:"title" "skills"}.recent-p-skills-title{grid-area:title;font-size:3rem;font-weight:700;letter-spacing:.1rem;justify-self:center}.recent-skill-mb-container{grid-area:skills;column-gap:.3rem;display:flex;overflow:scroll}.recent-each-skill{margin:.1rem 0rem;padding:.1rem;height:7rem;width:9.5rem;background-color:#b08968;border-radius:.3rem;overflow:hidden;transition:.5s ease all}.recent-skill-image{height:5rem;width:5rem}.recent-skill-name{font-size:1.5rem}.recent-each-skill:hover{width:30rem}.recent-each-skill:hover .recent-skill-image{height:8rem;width:8rem}.recent-each-skill:hover .recent-skill-name{font-size:2rem}}.r-p-images-container{display:grid;grid-template-areas:"back container forward"}.r-p-image-back-b{grid-area:back;height:4rem;width:1.2rem;align-self:center;background-color:#f0f8ff00;border:0 solid rgba(240,248,255,0);font-size:1.5rem;padding:0 .2rem;cursor:pointer}.r-p-image-back-b:hover{background-color:#f0f8ff38;border-radius:.2rem}.r-p-image-container{grid-area:container;margin:0 .2rem}.r-p-img{width:12.5rem;height:8rem;border-radius:.2rem}.r-p-img-total{display:flex;justify-content:center}.r-p-image-forward-b{grid-area:forward;height:4rem;width:1.2rem;align-self:center;background-color:#f0f8ff00;border:0 solid rgba(240,248,255,0);font-size:1.5rem;padding:0 .2rem;cursor:pointer}.r-p-image-forward-b:hover{background-color:#f0f8ff38;border-radius:.2rem}@media screen and (max-width: 600px){.r-p-image-back-b{height:10rem;width:6rem;font-size:4rem}.r-p-image-container{margin:0 .2rem}.r-p-img{width:40rem;height:25rem}.r-p-img-total{font-size:2.5rem}.r-p-image-forward-b{height:10rem;width:6rem;font-size:4rem}}.projects-container{display:grid;margin:.5rem 0;grid-auto-columns:min-content;grid-auto-flow:column}.projects{margin:0rem .4rem;padding:.5rem;border:0 solid #e5e7eb;background-color:#9c6644;border-radius:.5rem;display:grid;grid-template-areas:"nam nam nam" "img img ski" "w-lin c-lin ski" "whe whe ski" "wha wha ski" "why why ski" "future future ski"}.p-name-container{grid-area:nam;height:1.6rem;text-decoration:underline #7f5539 solid}.p-name{font-size:1.5rem;font-weight:700}.ps-images-container{grid-area:img;justify-self:center;margin:.5rem 0rem}.p-web-link-container{grid-area:w-lin;background-color:#7f5539;border-radius:.3rem;width:8rem;height:min-content;justify-self:center}.p-web-link-container:hover{background-color:#a96f4b}.p-web-link{text-decoration:none;color:#fff;text-align:center}.p-web-link:hover{color:#fff;font-style:italic}.p-web-link-name{font-size:1.2rem}.p-code-link-container{grid-area:c-lin;background-color:#7f5539;border-radius:.3rem;width:8rem;height:min-content;justify-self:center}.p-code-link-container:hover{background-color:#a96f4b}.p-code-link{text-decoration:none;color:#fff;text-align:center}.p-code-link:hover{color:#fff;font-style:italic}.p-code-link-name{font-size:1.2rem}.p-when-container{grid-area:whe;height:4rem;margin:.5rem 0}.p-when-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.p-when-description{font-size:1rem;font-family:Source Code Pro,monospace}.p-what-container{grid-area:wha;margin:.5rem 0;min-height:3rem;width:16rem}.p-what-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.p-what-description{font-size:1rem;font-family:Source Code Pro,monospace;max-height:10rem;overflow:scroll}.p-why-container{grid-area:why;margin:.5rem 0;min-height:3rem}.p-why-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.p-why-description{font-size:1rem;font-family:Source Code Pro,monospace}.p-skills{grid-area:ski;justify-content:center}.p-skills-title{font-size:1rem;text-align:center}.p-each-skill{margin:.1rem 0rem;padding:.1rem;height:2rem;background-color:#b08968;border-radius:.3rem;overflow:hidden;transition:.5s ease all;font-family:Source Code Pro,monospace}.p-skill-image-container{display:flex;justify-content:center}.p-skill-image{min-height:1.3rem;min-width:1.3rem;height:1.3rem;width:1.3rem;border-radius:.2rem;transition:.5s ease all 1s}.p-skill-name-container{margin:auto}.p-skill-name{font-size:.5rem;text-align:center;transition:.3s ease all .6s}.p-each-skill:hover{width:auto;height:auto;background-color:#d1ac8e}.p-each-skill:hover .p-skill-image{height:auto;width:2.2rem}.p-each-skill:hover .p-skill-name{margin-top:.1rem;font-size:.8rem;background-color:#7f5539ca;border-radius:.09rem}.p-future-container{grid-area:future;margin:.5rem 0}.p-future-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:underline #7f5539 solid}.p-future-description{font-size:1rem;font-family:Source Code Pro,monospace}@media screen and (max-width: 600px){.projects-container{grid-auto-flow:row;row-gap:2rem}.projects{width:52.5rem;padding:1rem;grid-template-areas:"nam nam" "img img" "ski ski" "w-lin c-lin" "whe whe" "wha wha" "why why" "future future"}.p-name-container{margin-top:.5rem;margin-bottom:1.5rem;height:3.2rem}.p-name{font-size:3rem;letter-spacing:.1rem}.p-web-link-container{margin:4rem .5rem 1rem;height:5rem;width:20rem;align-content:center}.p-web-link-name{font-size:2.2rem;letter-spacing:.1rem}.p-code-link-container{margin:4rem .5rem 1rem;height:5rem;width:20rem;align-content:center}.p-code-link-name{font-size:2.2rem;letter-spacing:.1rem}.p-when-container{margin:2rem 0;height:5rem;width:auto}.p-when-title{font-size:3rem;letter-spacing:.1rem}.p-when-description{font-size:2rem}.p-what-container{margin:2rem 0;width:auto}.p-what-title{font-size:3rem;letter-spacing:.1rem}.p-what-description{font-size:2rem}.p-why-container{width:auto}.p-why-title{font-size:3rem;letter-spacing:.1rem}.p-why-description{font-size:2rem}.p-future-container{width:auto}.p-future-title{font-size:3rem;letter-spacing:.1rem}.p-future-description{font-size:2rem}.p-skills{display:grid;grid-template-areas:"title" "skills"}.p-skills-title{grid-area:title;font-size:3rem;font-weight:700;letter-spacing:.1rem;justify-self:center}.p-skill-mb-container{grid-area:skills;column-gap:.3rem;display:flex;overflow:scroll}.p-each-skill{margin:.1rem 0rem;padding:.1rem;height:7rem;width:9.5rem;background-color:#b08968;border-radius:.3rem;overflow:hidden;transition:.5s ease all}.p-skill-image{height:5rem;width:5rem}.p-skill-name{font-size:1.5rem}.p-each-skill:hover{width:30rem}.p-each-skill:hover .p-skill-image{height:8rem;width:8rem}.p-each-skill:hover .p-skill-name{font-size:2rem}}.p-images-container{display:grid;grid-template-areas:"back container forward";margin:0 .4rem}.p-image-back-b{grid-area:back;height:4rem;width:1.2rem;align-self:center;background-color:#f0f8ff00;border:0 solid rgba(240,248,255,0);font-size:1.5rem;padding:0 .2rem;cursor:pointer}.p-image-back-b-hide{display:none}.p-image-back-b:hover{background-color:#f0f8ff38;border-radius:.2rem}.p-image-container{grid-area:container;margin:0 .2rem}.p-img{width:16rem;height:9rem;border-radius:.2rem}.p-img-total{display:flex;justify-content:center}.p-image-forward-b{grid-area:forward;height:4rem;width:1.2rem;align-self:center;background-color:#f0f8ff00;border:0 solid rgba(240,248,255,0);font-size:1.5rem;padding:0 .2rem;cursor:pointer}.p-image-forward-b-hide{display:none}.p-image-forward-b:hover{background-color:#f0f8ff38;border-radius:.2rem}@media screen and (max-width: 600px){.p-image-back-b{height:10rem;width:6rem;font-size:4rem}.p-image-container{margin:0 .2rem}.p-img{width:40rem;height:25rem}.p-img-total{font-size:2.5rem}.p-image-forward-b{height:10rem;width:6rem;font-size:4rem}}:root{color-scheme:light dark;color:#ffffffde;background-color:#e4d4c3}@media screen and (max-width: 600px){:root{width:220%}}