@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:85vw;margin:auto}.my-masonry-grid_column{padding-left:15px;background-clip:padding-box}.my-masonry-grid_column>.grid-item{margin-bottom:30px}.grid-item img{width:100%;height:auto}h1,h2{line-height:100%}.heading{animation:textanimate 1.15s ease-in-out forwards}.media-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.media-wrapper video,.media-wrapper iframe,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.text-container{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;padding:120px 0;max-width:75vw;margin:auto}.text-block{flex:1;text-align:left}.subtext{flex:1;text-align:right;display:flex;align-items:flex-end;justify-content:flex-end}@media(max-width:768px){.text-container{flex-direction:column;align-items:center;text-align:center}.text-block,.subtext{text-align:center;justify-content:center}}@media(max-width:2560px){.text-container{flex-direction:column;gap:6rem}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.project-container.desktop,.project-container.mobile{text-decoration:none;color:#50566b}.project-text{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;color:#50566b}.project-text .first{font-size:2rem}.project-text .second{font-size:3.125rem;line-height:100%}.project-text:hover{color:#50566b}.project-card:hover .second:after{background-color:#50566b;width:100%}.second:after{content:"";position:absolute;bottom:-40px;left:0;height:3px;width:0;transition:.3s}.project-container.mobile{width:100vw;height:350px;background-color:#f6f6f6;margin-bottom:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-container.mobile .project-text{font-family:kaneda-gothic,sans-serif;font-size:3.125rem}.project-container.desktop{display:none}.project-card{width:100%;box-shadow:0 10px 20px #0000001a;background-color:#f6f6f6;border-radius:20px;filter:saturate(0);transition:.3s ease-in}.project-card:hover{filter:saturate(100%)}@media screen and (min-width:320px){.project-card img{display:block;max-width:100%;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.project-card a{text-decoration:none}.project-card .project-text .second{text-align:center}}@media screen and (min-width:768px){.project-card{width:100%}.project-card .project-text .second{text-align:left}.project-container.mobile{display:none}.project-container.desktop{margin-left:2.75rem;height:450px;background-color:#f6f6f6;margin-bottom:120px;display:flex;justify-content:flex-end;align-items:center;gap:64px}.project-container.desktop .project-text{font-family:kaneda-gothic,sans-serif;font-size:6rem;align-items:start}.project-container.desktop .arrow{width:600px;height:450px;overflow:hidden;display:flex;align-items:center}.project-container.desktop .arrow1.prev{transform:rotate(180deg)}.project-container.desktop .project-text .second{font-size:6rem}.project-container.desktop.prev{flex-direction:row-reverse}}@media screen and (min-width:1024px){.project-container.desktop .left{margin-left:0}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.social-icons{display:flex;flex-direction:row;gap:12px;margin-top:20px}.contact-grid.logo img{width:100px;height:auto}@media screen and (min-width:320px){footer{padding:3.125rem 0rem;background-color:#f6f6f6;color:#50566b}footer h3{margin-bottom:10px}footer ul{list-style-type:none;margin:0;padding:0}footer .contact-grid-container{font-family:Nunito,sans-serif;font-size:16px;line-height:160%;display:grid;grid-template-columns:auto;grid-gap:40px;margin:0 25px}footer .contact-grid-container .contact-grid.logo{margin-bottom:80px}footer .contact-grid-container a{text-decoration:none;color:#50566b}footer .logo{justify-self:center;align-self:center}footer .copyright{font-size:16px;text-align:center;margin-top:80px}}@media screen and (min-width:768px){footer .contact-grid-container{font-family:Nunito,sans-serif;font-size:20px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:95px}footer .contact-grid-container a{text-decoration:none;color:#50566b}footer .logo{justify-self:center;align-self:center}footer .copyright{transform:translateY(120%)}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.banner-image{width:100%;object-fit:cover;object-position:center}.projectbanner{position:relative}.projectbanner .banner-text{max-width:18.75rem;margin:20rem auto 2rem}.banner-text h1{line-height:100%}p,li{line-height:160%}@media screen and (min-width:425px){.projectbanner .banner-text{max-width:24rem}}@media screen and (min-width:768px){.projectbanner .banner-text{max-width:42.5rem;margin:30rem auto 4rem}}@media screen and (min-width:1024px){.banner-image{height:650px}.projectbanner .banner-text{max-width:57.5rem}}@media screen and (min-width:1440px){.projectbanner .banner-text{max-width:68rem}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.site-header-menu{top:0;left:0;right:0;position:fixed;z-index:100;background-color:#f6f6f6;border-radius:15px;padding:.389rem 0;box-shadow:0 10px 20px #0000001a;margin:16px}.site-header-menu li,.site-header-menu a{list-style-type:none;text-decoration:none;color:#50566b}.site-header-menu li a:hover{color:#d9d9d9;transition:.2s ease-out}.site-header-menu .site-header-logo img{width:3.625rem;display:flex;align-items:center}.site-header-menu .resume{padding:9px 18px;background-color:#50566b;color:#fff;border-radius:8px}@media screen and (min-width:320px){.nav-container{display:none}.mobile-content{display:flex;justify-content:space-between;margin:0 10px}.circle{width:50px;height:50px;background-color:#50566b;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);opacity:0;transition:all .4s ease;z-index:-100}.mobile-nav.open{transform:translateY(0);opacity:1}.items{display:flex;flex-direction:column;text-align:center;gap:12px}}@media screen and (min-width:768px){.mobile-menu{display:none}.nav-container{display:flex;justify-content:space-between;max-width:42.5rem;margin:auto}.nav-container .items{display:flex;flex-direction:row;align-items:center;gap:60px;list-style-type:none;font-family:Inter,sans-serif;font-weight:400;font-size:14px;letter-spacing:1.25px}}@media screen and (min-width:1024px){.nav-container{max-width:57.5rem}}@media screen and (min-width:1440px){.nav-container{max-width:85rem;margin:0 auto}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.homebanner{background-color:#f6f6f6;box-shadow:0 10px 20px #0000001a}.homebanner h3{margin:0}.hero-section .circle{width:10px;height:10px;background-color:#50566b;border-radius:50%}.hero-section .tagline{font-size:18px}.text-animate{animation:scroll-bounce 3s ease-in-out infinite}.subheader{display:flex;align-items:center}.media-block{padding:12px 24px}.media-block .title{display:flex;align-items:center;gap:12px;font-family:kaneda-gothic,sans-serif;font-size:28px}.scroll-title{font-family:kaneda-gothic,sans-serif;font-size:28px}.media-block.third{display:flex;flex-direction:column;align-items:center;gap:8px}.homebanner-content{margin:auto}.banner-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:20px}.project-gallery{margin:120px 0;scroll-margin-top:120px}.project-gallery h2{text-align:center;font-size:76px}.proj-grid{margin:auto;display:grid;gap:40px}.card-component{background-color:#f6f6f6;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0000001a;position:relative;transition:transform .3s ease}.card-component h2{text-align:left;margin:0}.card-component .project-frame{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.card-component .project-frame p{font-size:18px}.card-component .button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;box-shadow:2px 4px 6px #50566b4d;border-radius:6px;transition:transform 1s ease}.card-component .project-image{position:relative;width:100%;height:450px;overflow:hidden}.card-component .project-image img,.card-component .project-image video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s ease}.card-component:hover .button{transform:scale(1.15)}.card-component:hover .project-image img,.project-image video{transform:scale(1.15)}@media screen and (min-width:320px){.homebanner-content{max-width:16.75rem}.proj-grid{max-width:16.75rem;grid-template-columns:1fr}.card-component h2{font-size:36px}.card-component p{line-height:120%}.card-component .project-image{height:175px}.project-gallery h2{font-size:42px}.hero-section{min-height:100vh;display:grid;align-items:center;box-sizing:border-box;padding-top:120px}.top{grid-column:span 6;grid-template-columns:repeat(6,1fr)}.top .text-left{grid-column:1/6}.top .subheader{text-align:center;margin-bottom:1.75rem}.top .banner-title{margin-bottom:2rem}.top .tagline,.top .image-right-desktop{margin-bottom:4rem}.bottom{grid-column:span 6}.bottom .media-block.third{grid-column:span 6;margin-top:4rem;text-align:center}}@media screen and (min-width:375px){.proj-grid{max-width:20rem}}@media screen and (min-width:425px){.homebanner-content{max-width:23.75rem}.subheader{gap:20px}.proj-grid{max-width:23.75rem}}@media screen and (min-width:768px){.homebanner-content{max-width:42.5rem}.proj-grid{max-width:42.5rem;grid-template-columns:repeat(12,1fr)}.project-gallery h2{font-size:72px}.card-component h2{font-size:48px;margin-bottom:4px}.card-component p{line-height:160%}.card-component .project-image{height:350px}.large{grid-column:span 12}.medium{grid-column:span 8}.small{grid-column:span 4}.hero-section .tagline{font-size:20px}.bottom{grid-column:1/12}.bottom .media-block.third{grid-column:1/12;margin-top:4rem;text-align:center}}@media screen and (min-width:1024px){.homebanner-content{max-width:57.5rem}.proj-grid{max-width:57.5rem;grid-template-columns:repeat(12,1fr)}.top{display:grid;grid-column:1/12;grid-template-columns:repeat(12,1fr)}.top .subheader{text-align:left;margin-bottom:0rem}.top .banner-title,.top .tagline{margin-bottom:0rem}.top .image-right-desktop{grid-column:9/13}.top{margin-bottom:0rem}.top .text-left{grid-column:1/9}.top .image-right-desktop{grid-column:10/13;margin-bottom:0rem}.bottom .media{display:grid;grid-template-columns:repeat(12,1fr);align-items:end}.bottom .media .media-block.first{grid-column:1/7}.bottom .media .media-block.second{grid-column:8/10}.bottom .media .media-block.third{grid-column:11/13;margin-top:0rem}}@media screen and (min-width:1440px){.homebanner-content{max-width:85rem}.proj-grid{max-width:80rem}.top .text-left{grid-column:1/8}}@media screen and (min-width:2560px){.proj-grid{max-width:120rem}.card-component .project-image{height:600px}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.myprofile h2{line-height:100%}.myprofile h5{margin-bottom:50px}.myprofile .main-header{animation:textanimate 1.15s ease-in-out forwards}.myprofile .second h1,.myprofile .second .text-glow{display:inline}.myprofile .text-glow{margin-left:10px;color:#f6f6f6;-webkit-text-stroke:1px #6B68FF;text-shadow:2px 8px 8px rgba(107,104,255,.25)}.myprofile .bio{display:flex;gap:50px;align-items:center}.myprofile .bio .bio-item img{border-radius:250px}.myprofile .skills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px}.myprofile .skills ul{list-style-type:none;margin-left:0}.myprofile .credentials .row,.myprofile .education .row,.myprofile .certificates .row{display:grid;grid-template-columns:1fr 2fr;margin-bottom:95px;grid-gap:150px}.personaldetails .email{width:245px;height:46px;padding:8px 35px;border-radius:20px;border:2px solid #50566B;text-align:center;cursor:pointer;margin-bottom:25px}.personaldetails .email a{color:#50566b;text-decoration:none}.personaldetails .instagram,.personaldetails .linkedin{width:60px;height:60px;background-color:#50566b;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (min-width:320px){.myprofile h5{margin-bottom:32px;font-size:18px}.myprofile .main-header{margin:150px 0 48px}.myprofile .bio{flex-direction:column}.myprofile .text-glow{margin:0}.myprofile .skills{grid-template-columns:1fr;margin:auto;gap:80px}.myprofile .credentials .row,.myprofile .education .row,.myprofile .certificates .row{background-color:#f6f6f6;padding:2rem;border-radius:20px;box-shadow:0 10px 20px #0000001a}.myprofile .credentials .row h4,.myprofile .education .row h4,.myprofile .certificates .row h4{margin-bottom:10px}.myprofile .credentials .row,.myprofile .education .row,.myprofile .certificates .row{grid-template-columns:1fr;margin-bottom:20px;grid-gap:0px}.personaldetails .grid{grid-template-columns:1fr;gap:32px}.personaldetails .grid .left{margin-bottom:32px}.personaldetails .grid .right{display:flex;flex-direction:column;gap:32px}.personaldetails .grid .right h2{margin-bottom:0}}@media screen and (min-width:768px){.myprofile .main-header{margin:200px 0 80px}.myprofile .bio{display:flex;flex-direction:row}.myprofile .bio .bio-item{flex:1}.myprofile .skills{grid-template-columns:repeat(3,1fr);grid-gap:100px}.personaldetails .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:100px}.personaldetails .grid .contact-info.left{display:block}.personaldetails .grid .contact-info.right{display:none;margin-top:0}.personaldetails .grid .left{display:flex;flex-direction:column;justify-content:space-evenly}.personaldetails .grid .right{flex-direction:column;justify-content:space-evenly;gap:100px}}@media screen and (min-width:1024px){.myprofile .skills{grid-gap:232px}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.buildstrong-writeup .card-grid{display:grid;gap:25px}.buildstrong-writeup .card-grid .card{background-color:#f6f6f6;padding:32px;border-radius:20px;box-shadow:0 3px 6px #0000001a}.buildstrong-writeup .card-grid .card .top .title{display:block;font-family:kaneda-gothic,sans-serif;font-size:56px;margin-bottom:1rem}@media screen and (min-width:320px){.buildstrong-writeup .card-grid{grid-template-columns:1fr}}@media screen and (min-width:1024px){.buildstrong-writeup .card-grid{grid-template-columns:repeat(3,1fr)}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.mymori-writeup h3{text-align:center}.mymori-writeup ul{list-style:none}.mymori-writeup .video{max-width:100%;height:auto}.mymori-writeup .video{border-radius:20px;border:1px solid #E1E1E1}@media screen and (min-width:320px){.mymori-writeup .statement-bar h4{width:90%}}@media screen and (min-width:768px){.mymori-writeup .item.center h4{text-align:center}.mymori-writeup .user-needs{display:grid;grid-template-columns:auto auto;align-items:center;gap:120px}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.linkedin-writeup .bulletin li{list-style-type:disc}.linkedin-writeup .bar{background-color:#f6f6f6;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-shadow:0 3px 6px #0000001a}.linkedin-writeup .bar .column{margin:auto;text-align:center;display:grid}.linkedin-writeup .bar .column .content p{font-family:Inter,sans-serif;font-weight:300;line-height:120%}.linkedin-writeup .vert-line{position:relative;left:50%;border-left:2px solid #D9D9D9;border-radius:10px;height:200px;margin-bottom:25px;width:2px}.linkedin-writeup .card-bg{box-shadow:0 3px 6px #0000001a}.linkedin-writeup .card-bg.first{border-top-left-radius:20px;border-top-right-radius:20px}.linkedin-writeup .card-bg.third{border-bottom-left-radius:20px;border-bottom-right-radius:20px}@media screen and (min-width:320px){.linkedin-writeup h4{margin-bottom:32px}.linkedin-writeup .bar{padding:50px 0}.linkedin-writeup .bar .column{max-width:16.75rem;grid-template-columns:auto;gap:40px}.linkedin-writeup .bar .column .content{margin:auto}.linkedin-writeup .bar .column .content p{font-size:16px}.linkedin-writeup .card-bg h5{font-size:14px}.linkedin-writeup .statement-bar h4{width:85%;font-size:20px}}@media screen and (min-width:425px){.linkedin-writeup .goal{max-width:23.75rem;margin:auto}}@media screen and (min-width:768px){.linkedin-writeup h4{margin-bottom:10px}.linkedin-writeup .bar{padding:74px 0}.linkedin-writeup .bar .column{max-width:42.5rem;grid-template-columns:repeat(3,1fr)}.linkedin-writeup .bar .column .content p{font-size:18px}.linkedin-writeup .statement-bar h4{width:80%;font-size:26px}}@media screen and (min-width:1024px){.linkedin-writeup .bar .column{max-width:57.5rem;gap:157px}.linkedin-writeup .statement-bar h4{width:45%}}@media screen and (min-width:1440px){.linkedin-writeup .bar .column{max-width:66.5rem}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.tacohaven-writeup h3{text-align:center}.tacohaven-writeup .rectangle.first,.tacohaven-writeup .rectangle.second,.tacohaven-writeup .rectangle.third{display:inline-block;background-color:#50566b;border-radius:8px;width:4px}.tacohaven-writeup .goals{display:flex;flex-direction:row;margin-bottom:50px}.tacohaven-writeup .title{margin-bottom:10px}.tacohaven-writeup .goal{margin-left:12px}.tacohaven-writeup .code-snippet h3{text-align:left}.tacohaven-writeup .code-snippet ul{margin-left:20px}@media screen and (min-width:320px){.tacohaven-writeup .rectangle.first{height:154px}.tacohaven-writeup .rectangle.second{height:190px}.tacohaven-writeup .rectangle.third{height:114px}.tacohaven-writeup .container{margin-bottom:50px}}@media screen and (min-width:425px){.tacohaven-writeup .rectangle.first{height:105px}.tacohaven-writeup .rectangle.second{height:130px}.tacohaven-writeup .rectangle.third{height:80px}}@media screen and (min-width:1024px){.tacohaven-writeup .rectangle.first{height:76px}.tacohaven-writeup .rectangle.second{height:106px}.tacohaven-writeup .rectangle.third{height:74px}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.inm-writeup .text-card .card-top,.inm-writeup .text-card .card-bottom{grid-column:1/13}.inm-writeup .text-card .card-sm.first,.inm-writeup .text-card .card-sm.second,.inm-writeup .text-card .card-sm.third,.inm-writeup .text-card .card-sm.fourth,.inm-writeup .text-card .card-sm.fifth{border-radius:20px}.inm-writeup .card-grid .card{background-color:#f6f6f6;color:#f6f6f6;padding:25px;border-radius:20px;box-shadow:0 3px 6px #0000001a}.inm-writeup .card-grid .card .card-bold p{color:#50566b}.inm-writeup .card-grid .card .card-text{color:#000}.inm-writeup .flex{display:flex;align-items:center}.inm-writeup .flex .marketplace-feature img{max-width:100%;height:auto;border-radius:15px}@media screen and (min-width:320px){.inm-writeup .card-grid{margin-top:32px;display:grid;grid-template-columns:auto;gap:27px}.inm-writeup .card-grid .card .card-text{font-size:16px}.inm-writeup .flex{flex-direction:column;margin-bottom:80px;gap:32px}.inm-writeup .flex.second{flex-direction:column-reverse}.inm-writeup .item.left{margin-bottom:80px}}@media screen and (min-width:425px){.inm-writeup .card-grid{grid-template-columns:auto;justify-content:center}}@media screen and (min-width:768px){.inm-writeup .item.left{margin-bottom:0}}@media screen and (min-width:1024px){.inm-writeup .card-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.inm-writeup .flex{flex-direction:row;margin-bottom:100px}.inm-writeup .flex.second{flex-direction:column;flex-direction:row}.inm-writeup .flex>div{flex:1}}@media screen and (min-width:1440px){.inm-writeup .card-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.project-intro .context{background-color:#f6f6f6;border-radius:20px;box-shadow:0 10px 20px #0000001a}.project-intro .context .list{list-style-type:none;font-family:Inter,sans-serif;font-weight:300;font-size:18px;display:flex}.project-intro .context .list .tools-row{display:flex;gap:10px}.project-intro .context .list .collaborators-row{display:flex;flex-direction:column}.project-intro .context .list .collaborators-row ul{text-decoration:none;list-style-type:none;margin:0}.project-intro .context .icon-list{list-style-type:none;display:flex;gap:8px}.project-intro .context .proj-overview{margin-bottom:40px}.project-intro .context .button-list{display:flex;flex-direction:column}.project-intro .context .proj-button{border:1px solid #50566B;padding:15px 50px;margin:0 10px 10px 0;border-radius:8px;text-decoration:none;font-family:kaneda-gothic,sans-serif;font-size:20px;cursor:pointer;color:#50566b;transition:background-color .25s ease-in-out;letter-spacing:2px;gap:20px}.project-intro .context .proj-button:hover{background-color:#000;color:#f6f6f6}@media screen and (min-width:320px){.project-intro .context{padding:56px 20px}.project-intro .context .list{flex-direction:column;gap:20px;margin-bottom:50px}.project-intro .content{margin-top:48px}}@media screen and (min-width:768px){.project-intro .context{padding:50px}.project-intro .context .list{flex-direction:row;justify-content:space-between}.project-intro .context .button-list{display:block;width:100%}}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}ul{list-style-type:none}@keyframes title-first{0%{opacity:0;transform:translate(-15%)}to{opacity:1;transform:translate(0)}}@keyframes title-second{0%{opacity:0;transform:translate(15%)}to{opacity:1;transform:translate(0)}}@keyframes title-img{0%{opacity:0}to{opacity:1}}@keyframes projectitem{0%{opacity:0%;transform:translateY(5%)}to{opacity:100%;transform:translateY(0)}}@keyframes project-title{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes moveText{0%{opacity:0;transform:translateY(100%)}30%{opacity:1}50%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes moveTextLast{0%{opacity:0;transform:translateY(100%)}30%{opacity:1}50%{opacity:1}to{opacity:1;transform:translateY(0);scale:1.15}}@keyframes scrollDown{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:90%}}@keyframes btnHover{0%{top:0%}50%{top:10%}to{top:0%}}@keyframes cardhover{0%{transform:translateY(0)}50%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes aboutimg{0%{opacity:0}to{opacity:1}}@keyframes aboutblurb{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes aboutcontent{0%{opacity:0}to{opacity:1}}@keyframes quote{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}@keyframes myskills{0%{opacity:0}to{opacity:1}}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes textanimate{0%{opacity:0}to{opacity:1}}h1,h2,h3{font-family:kaneda-gothic,sans-serif}h4{font-family:Nunito,sans-serif}h5{font-family:Inter,sans-serif}ul{margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;line-height:160%;font-size:16px;color:#50566b;background-image:url(../img/portfoliobg.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed}.image{max-width:100%;height:auto}.figma-plugin-container{max-width:66.5rem;margin:auto}.figma-plugin-container h3{text-align:center}.container{display:grid;grid-template-columns:repeat(12,1fr)}.container .item.left,.container .item.right,.container .item.center,.container .assetsContainer{grid-column:1/13}.container .assetsContainer .imageContainer{display:flex;justify-content:center;flex-direction:column;background-color:#f6f6f6;border:1px solid #E1E1E1;border-radius:20px}.container .assetsContainer.two-column{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.container .assetsContainer.two-column .left{grid-column:1/7}.container .assetsContainer.two-column .right{grid-column:7/13}.container .assetsContainer.two-column .center{grid-column:1/13}.container .assetsContainer.two-column .imageContainer{display:flex;grid-template-columns:repeat(12,1fr);grid-column:1/13;justify-content:center;flex-direction:column;background-color:#f6f6f6;border:1px solid #E1E1E1;border-radius:20px}.container .assetsContainer.two-column .assets{display:grid;grid-template-columns:repeat(12,1fr)}.container .assetsContainer.two-column .article{grid-column:span 12}.container-card .card-bg{background-color:#f6f6f6;margin-bottom:20px;box-shadow:0 3px 6px #0000001a}.container-card .card-bg.first{border-top-left-radius:20px;border-top-right-radius:20px}.container-card .card-bg.fourth{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.text-card{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.text-card .card-top,.text-card .card-bottom{grid-column:1/13}.text-card .card-sm{background-color:#f6f6f6;padding:14px 25px;box-shadow:0 3px 6px #0000001a}.text-card .card-sm.first,.text-card .card-sm.third{border-top-left-radius:20px;border-top-right-radius:20px}.text-card .card-sm.second,.text-card .card-sm.fourth{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.card-bold{font-family:Inter,sans-serif;font-weight:700;font-size:20px}.card-text{font-family:Inter,sans-serif;font-weight:300;font-size:18px;line-height:120%}.article{font-family:Inter,sans-serif;font-weight:300;font-size:16px;font-style:italic}.statement-bar{background-color:#f6f6f6;text-align:center;padding:50px 0;box-shadow:0 10px 20px #0000001a}.statement-bar h5{margin:0 0 20px;letter-spacing:1.25px}.statement-bar h4{padding:0;margin:0 auto;width:45%}.statement-bar .icon-title{display:flex;justify-content:center;gap:10px}.statement-bar .icon-img{margin:0;padding:0}.list-circle{width:60px;height:60px;border-radius:50%;background-color:#f6f6f6;color:#50566b;font-family:kaneda-gothic,sans-serif;font-size:35px;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #0000001a}.goal ul{list-style:none}.goal li{position:relative;padding-left:80px}.user-problem{text-align:center;width:100%;margin:auto}.user-problem h4{margin:20px auto}@media screen and (min-width:320px){.container .assetsContainer.two-column .left,.container .assetsContainer.two-column .right{grid-column:1/13}.user-problem h4{font-size:20px}h1{font-size:3.125rem}h2{font-size:2.625rem;margin-bottom:32px;line-height:40px}h3{font-size:2.188rem;margin-bottom:32px}h4{font-size:1.25rem;margin-bottom:32px}h5{font-weight:400;font-size:14px;letter-spacing:1.25px}.content{max-width:16.75rem;margin:80px auto}.card-bg{padding:23px 19px}.nav-circle{width:40px;height:40px;border-radius:50%;box-sizing:border-box;background-color:#50566b;color:#ecf0f1;text-align:center;display:flex;justify-content:center;align-items:center}.hamburger .line{width:22px;height:2px;border-radius:1px;background-color:#f6f6f6;display:block;margin:6px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.statement-bar.uiredesign-project h4{width:80%}}@media screen and (min-width:425px){.content{max-width:23.75rem;margin:80px auto}}@media screen and (min-width:768px){.container .item.left{grid-column:1/7}.container .item.right{grid-column:8/13;grid-row:2}.container .item.center{grid-column:3/11}.user-problem{width:100%}.user-problem h4{font-size:26px}.card-bg{padding:30px}.content{max-width:42.5rem;margin:280px auto}.text-card .card-top{grid-column:1/7}.text-card .card-bottom{grid-column:7/13}h1{font-size:9rem}h2{font-size:3rem;margin-bottom:48px}h3{font-size:2.188rem;margin-bottom:48px}h4{font-weight:700;font-size:1.625rem;margin-bottom:12px}body{font-size:20px}.item.center{margin-top:180px}}@media screen and (min-width:1024px){.content{max-width:57.5rem}.container .item.left{grid-column:1/8}.container .item.right{grid-column:9/13;grid-row:2}.container .assetsContainer.two-column .left{grid-column:1/7}.container .assetsContainer.two-column .right{grid-column:7/13}}@media screen and (min-width:1440px){.content{max-width:85rem}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.m-sm{margin:12px}.mt-sm{margin-top:12px}.mr-sm{margin-right:12px}.mb-sm{margin-bottom:12px}.ml-sm{margin-left:12px}.p-sm{padding:12px}.pt-sm{padding-top:12px}.pr-sm{padding-right:12px}.pb-sm{padding-bottom:12px}.pl-sm{padding-left:12px}.m-md{margin:20px}.mt-md{margin-top:20px}.mr-md{margin-right:20px}.mb-md{margin-bottom:20px}.ml-md{margin-left:20px}.p-md{padding:20px}.pt-md{padding-top:20px}.pr-md{padding-right:20px}.pb-md{padding-bottom:20px}.pl-md{padding-left:20px}.m-lg{margin:32px}.mt-lg{margin-top:32px}.mr-lg{margin-right:32px}.mb-lg{margin-bottom:32px}.ml-lg{margin-left:32px}.p-lg{padding:32px}.pt-lg{padding-top:32px}.pr-lg{padding-right:32px}.pb-lg{padding-bottom:32px}.pl-lg{padding-left:32px}.m-xl{margin:48px}.mt-xl{margin-top:48px}.mr-xl{margin-right:48px}.mb-xl{margin-bottom:48px}.ml-xl{margin-left:48px}.p-xl{padding:48px}.pt-xl{padding-top:48px}.pr-xl{padding-right:48px}.pb-xl{padding-bottom:48px}.pl-xl{padding-left:48px}.m-xxl{margin:60px}.mt-xxl{margin-top:60px}.mr-xxl{margin-right:60px}.mb-xxl{margin-bottom:60px}.ml-xxl{margin-left:60px}.p-xxl{padding:60px}.pt-xxl{padding-top:60px}.pr-xxl{padding-right:60px}.pb-xxl{padding-bottom:60px}.pl-xxl{padding-left:60px}.m-content{margin:160px}.mt-content{margin-top:160px}.mr-content{margin-right:160px}.mb-content{margin-bottom:160px}.ml-content{margin-left:160px}.p-content{padding:160px}.pt-content{padding-top:160px}.pr-content{padding-right:160px}.pb-content{padding-bottom:160px}.pl-content{padding-left:160px}.m-section{margin:240px}.mt-section{margin-top:240px}.mr-section{margin-right:240px}.mb-section{margin-bottom:240px}.ml-section{margin-left:240px}.p-section{padding:240px}.pt-section{padding-top:240px}.pr-section{padding-right:240px}.pb-section{padding-bottom:240px}.pl-section{padding-left:240px}.m-textCenter{margin:320px}.mt-textCenter{margin-top:320px}.mr-textCenter{margin-right:320px}.mb-textCenter{margin-bottom:320px}.ml-textCenter{margin-left:320px}.p-textCenter{padding:320px}.pt-textCenter{padding-top:320px}.pr-textCenter{padding-right:320px}.pb-textCenter{padding-bottom:320px}.pl-textCenter{padding-left:320px}