@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:75vw;margin:auto}.my-masonry-grid_column{padding-left:15px;background-clip:padding-box}.my-masonry-grid_column>.grid-item{margin-bottom:60px}.grid-item img{width:100%;height:auto}h1,h2{line-height:100%}.heading{animation:textanimate 1.15s ease-in-out forwards}.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;animation:textanimate 1.15s ease-in-out forwards}.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){.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}.container{display:flex;justify-content:space-between;max-width:42.5rem;margin:auto}.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){.container{max-width:57.5rem}}@media screen and (min-width: 1440px){.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%;overflow:hidden}.card-component .project-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s ease}.card-component:hover .button,.card-component:hover .project-image img{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}.project-gallery h2{font-size:42px}.card-component h2{font-size:36px}.card-component p{line-height:120%}.project-image{height:175px}.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%}.project-image{height:175px}.large{grid-column:span 12}.small{grid-column:span 6}.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)}.project-image{height:350px}.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,.proj-grid{max-width:85rem}.top .text-left{grid-column:1/8}}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:20px}.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 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:80px;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}.mymori-writeup h3{text-align:center}.mymori-writeup .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}.mymori-writeup ul{list-style:none}.mymori-writeup li{position:relative;padding-left:80px;margin-bottom:40px}.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 .benefits 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 .bar{background-color:#f6f6f6}.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 .user-problem{text-align:center}.linkedin-writeup .user-problem h4{margin:20px auto}.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{background-color:#f6f6f6;margin-bottom:20px}.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}.linkedin-writeup .grid{display:grid}.linkedin-writeup .grid .grid-item.content{margin:0;padding:0}.linkedin-writeup .grid2{display:grid}.linkedin-writeup .grid2 .card-sm{background-color:#f6f6f6;padding:14px 25px;margin-bottom:10px;box-shadow:0 3px 6px #0000001a}.linkedin-writeup .grid2 .card-sm.first,.linkedin-writeup .grid2 .card-sm.third{border-top-left-radius:20px;border-top-right-radius:20px}.linkedin-writeup .grid2 .card-sm.second,.linkedin-writeup .grid2 .card-sm.fourth{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.linkedin-writeup .details{padding-left:20px}@media screen and (min-width: 320px){.linkedin-writeup h4{margin-bottom:32px}.linkedin-writeup .goal{max-width:16.75rem;margin:auto}.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 .user-problem h4{font-size:20px}.linkedin-writeup .card-bg{padding:23px 19px}.linkedin-writeup .card-bg h5{font-size:14px}.linkedin-writeup .statement-bar h4{width:85%;font-size:20px}.linkedin-writeup .grid,.linkedin-writeup .grid2{grid-template-columns:auto}.linkedin-writeup .grid2 .card-sm{margin-bottom: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 .goal{max-width:42.5rem;margin:auto}.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 .user-problem h4{font-size:26px}.linkedin-writeup .card-bg{padding:30px}.linkedin-writeup .statement-bar h4{width:80%;font-size:26px}.linkedin-writeup .grid{grid-template-columns:auto auto;gap:30px}.linkedin-writeup .grid2{grid-template-columns:auto auto;gap:20px}}@media screen and (min-width: 1024px){.linkedin-writeup .goal{max-width:57.5rem;margin:auto}.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 .goal,.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 .grid-container .card-sm{background-color:#f6f6f6;padding:14px 0 14px 40px;margin-bottom:15px;box-shadow:0 3px 6px #0000001a}.inm-writeup .grid-container .card-sm.first{border-top-left-radius:20px;border-top-right-radius:20px}.inm-writeup .grid-container .card-sm.fifth{border-bottom-left-radius:20px;border-bottom-right-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 .grid-container{display:grid;grid-template-columns:auto;gap:0px}.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}}@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 .grid-container{grid-template-columns:repeat(2,1fr);gap:15px}.inm-writeup .card-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.inm-writeup .grid-container{gap:69px}.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;gap:42px}.inm-writeup .flex .marketplace-feature img{max-width:480px}.inm-writeup .flex.second{flex-direction:column;flex-direction:row}}@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%}}@media screen and (min-width: 1024px){.project-intro .content{margin-top:120px}}@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}*{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}.card-bold{font-family:Inter,sans-serif;font-weight:700;font-size:20px;margin-bottom: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}@media screen and (min-width: 320px){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}.divider{margin-bottom:32px}.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){.content{max-width:42.5rem;margin:120px auto}.divider{margin-bottom:50px}h1{font-size:9rem}h2{font-size:3rem;margin-bottom:50px}h3{font-size:2.188rem;margin-bottom:50px}h4{font-weight:700;font-size:1.625rem;margin-bottom:10px}body{font-size:20px}}@media screen and (min-width: 1024px){.content{max-width:57.5rem}}@media screen and (min-width: 1440px){.content{max-width:85rem}}.flex{display:flex}ul{margin-left:20px}@media screen and (min-width: 320px){.flex{flex-direction:column;margin-bottom:32px}}@media screen and (min-width: 1024px){.flex{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px}.flex .column{flex:1}}