*{box-sizing:border-box;padding:0;margin:0}body{font-family:Noto Sans,Verdana,sans-serif;color:#fffff5;background-color:#0b0b0c}input,p,a{font-family:Noto Sans,Verdana,sans-serif}h1{font-size:26px;font-weight:400}.container{display:grid;grid-template-columns:240px 1fr;background-color:#1b1c1e}.profile-icon{width:130px;border-radius:65px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:min-content 1fr;row-gap:40px;padding:40px}.header-container{display:flex;flex-direction:row;align-items:baseline}.header-container>h1{flex-shrink:0;font-weight:500}.header-search-container{display:flex;justify-content:center;column-gap:12px;flex:1;margin-left:20px;margin-right:20px}.header-search-container>img{width:20px;height:20px}.header-search-container>input{background-color:transparent;border:none;color:#999;font-size:14px;outline:none}.search-bar::placeholder{font-size:14px;color:#fff}.header-right-container{display:flex;column-gap:20px;flex-shrink:0}.header-right-container div{border:1px solid #484647;align-self:center;padding:14px;border-radius:10px;cursor:pointer;transition:background-color .05s}.header-right-container div:hover{background-color:#000}.header-right-container div>img{width:20px;height:20px}.btn-lg-yellow{font-family:Noto Sans,Verdana,sans-serif;background-color:#fff27a;border:none;padding:14px 24px;border-radius:10px;border:1px solid #fff27a;font-weight:bolder;font-size:14px;color:#000;cursor:pointer;transition:background-color .15s;text-decoration:none}.btn-lg-yellow:hover{background-color:#242529;color:#fff27a}.btn-lg-outline>img{width:25px;height:25px}.inner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:max-content;gap:28px;max-width:680px;margin:0 auto}.stats-card-01{row-gap:14px;background-color:#fff27a!important;color:#000!important}.stats-card-01>div:nth-of-type(1)>h2{flex:1}.stats-card-01>div:nth-of-type(1)>span{flex-grow:0}.stats-card-01>div:nth-of-type(2){flex:1;text-align:center}.stats-card-01>div:nth-of-type(2)>img{max-height:100px;max-width:100px;margin-top:12px}.stats-card-01-row-stat{display:flex;align-items:center;column-gap:8px;padding:8px 4px;font-weight:500}.stats-card-01-row-stat p,.stats-card-01-row-stat img:first-child{flex:1}.stats-card-01-row-stat{border-bottom:1px solid #e3d86d}.stats-card-01-row-stat:last-child{border-bottom:none}.stats-card-02{background-image:url(/patterns/grid-03.svg);background-color:#373940;background-repeat:no-repeat;background-size:cover;background-position:center;color:#000!important}.stats-card-02>div:nth-of-type(1){flex:1}.stats-card-02>div:nth-of-type(1)>div{flex:1;margin-bottom:24px}.stats-card-02>div:nth-of-type(1)>div>a{text-decoration:none;color:#fff;font-size:16px;font-weight:500;border:1px solid #7a7a7e;padding:12px 22px;border-radius:10px;background-color:#37383f;transition:background-color .15s}.stats-card-02>div:nth-of-type(1)>div>a:hover{background-color:#000}.stats-card-02>div:nth-of-type(1)>span{color:#fff27a;font-size:14px}.stats-card-03{row-gap:14px;background-color:#dcdcdd!important;padding-top:16px!important;color:#000!important}.stats-card-03>div:nth-of-type(1){align-items:center}.stats-card-03>div:nth-of-type(1)>h2{flex:1}.stats-card-03>div:nth-of-type(2){display:flex;column-gap:10px;flex:1;justify-content:space-evenly;margin-top:26px!important}.stats-card-03>div:nth-of-type(3){display:flex;align-items:center}.stats-card-03>div:nth-of-type(3)>p{flex:1;border-right:1px solid #b6b6b8;padding-right:20px}.stats-card-03>div:nth-of-type(3)>div{flex:1;padding-left:20px}.stats-card-04{row-gap:28px;background-color:#37383f!important;padding-top:20px!important;padding-bottom:20px!important}.stats-card-04>div:first-of-type{align-items:center!important}.stats-card-04>div:first-of-type>h2{flex:1}.stats-card-04>div:first-of-type>span{flex:1;margin-top:2px;text-align:right}.shrunk-icon-container{position:relative;width:36px;height:36px;background-color:#fff27a;border-radius:8px}.shrink-icon-container>img{position:absolute;top:-2px;left:-2px;border-radius:8px}.stats-card-04>div:nth-of-type(2){flex:1;text-align:center;border-bottom:1px solid #1b1c1e;border-top:1px solid #1b1c1e}.middle-flex{display:flex;flex-direction:column;justify-content:center;padding-top:24px;height:100%}.middle-flex>h3{font-size:36px;font-weight:500;margin-bottom:14px}.middle-flex>p{color:#aaa!important}.stats-card-04>div:nth-of-type(3){display:flex;column-gap:18px;justify-content:space-evenly}.stats-card-05{justify-content:end;align-items:center;background-image:url(/images/virtual-02.jpg);background-color:#373940;background-repeat:no-repeat;background-size:cover;background-position:center;color:#000!important}.btn-md-yellow{font-family:Noto Sans,Verdana,sans-serif;background-color:#fff27a;border:none;padding:10px 24px;border-radius:10px;border:1px solid #fff27a;font-weight:500;font-size:14px;color:#000;cursor:pointer;transition:background-color .15s;text-decoration:none}.btn-md-yellow:hover{background-color:#000;color:#fff27a}.stats-card-06{background-image:url(/patterns/blocks-02.svg);background-color:#373940;background-repeat:no-repeat;background-size:cover;background-position:center;row-gap:18px}.stats-card-06>div:first-of-type{align-self:start;flex:1}.tech-stack-card{row-gap:24px;padding:0!important;border:1px solid #333439}.tech-stack-card h3{text-align:center;font-weight:500;font-size:16px;background-color:#111;padding:18px 8px;background-color:#373940;background-image:url(/patterns/header-grid-01.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border:1px solid #333439;border-bottom:1px solid #505426;border-top-left-radius:10px;border-top-right-radius:10px}.tech-stack-card>div:nth-of-type(2){flex:1}.tech-list>li{display:flex;align-items:center;column-gap:12px;padding:10px 18px;border-bottom:1px solid #1b1c1e;min-height:50px;font-size:14px}.tech-list>li:last-of-type{border-bottom:none}.tech-list>li>span{flex:1}.tech-list .grayscale:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.tech-stack-card>div:nth-of-type(3){align-self:center;padding:16px 10px 38px}#front-end-card:hover .tech-list .grayscale,#back-end-card:hover .tech-list .grayscale,#deployment-card:hover .tech-list .grayscale{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .15s;transition:filter .35s}.double-button{display:flex;flex-direction:row;background-color:#4a4a50;border:1px solid #98908d;border-radius:10px}.double-button a{align-self:stretch;display:flex}.double-button-left{flex:1;align-self:center;height:100%;padding:12px 10px;border-right:1px solid #98908d;background-color:#4a4a50;border-top-left-radius:10px;border-bottom-left-radius:10px}.double-button-right{padding:12px 10px;border-left:1px solid #98908d;border-top-right-radius:10px;border-bottom-right-radius:10px;margin-left:-1px;background-color:#4a4a50;transition:background-color .15s;cursor:pointer;display:flex;align-items:center}.double-button-right:hover{background-color:#000}.double-button p{color:#fff!important;text-align:center}@keyframes fadeInKeys{0%{opacity:0}to{opacity:1}}@keyframes fadeIn60Keys{0%{opacity:0}to{opacity:.6}}@keyframes fadeOutKeys{0%{opacity:1}to{opacity:0}}@keyframes fadeOut60Keys{0%{opacity:.6}to{opacity:0}}.gray-link{color:#d3d3d3}.gray-link:hover{color:#fff}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;-webkit-animation:fadeIn .3s linear forwards;animation:fadeIn .3s linear forwards;z-index:998}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;row-gap:18px;height:min-content;min-width:50%;background-color:#1b1c1e;padding:32px;border:1px solid #333439;border-radius:10px;z-index:999}.modal-main-content{text-align:left}.modal-main-content>p{margin-bottom:16px;color:#ccc;line-height:19px}.fadein{-webkit-animation:fadeInKeys .3s linear forwards;animation:fadeInKeys .3s linear forwards}.fadein60{-webkit-animation:fadeIn60Keys .3s linear forwards;animation:fadeIn60Keys .3s linear forwards}.fadeout{-webkit-animation:fadeOutKeys .3s linear forwards;animation:fadeOutKeys .3s linear forwards}.fadeout60{-webkit-animation:fadeOut60Keys .3s linear forwards;animation:fadeOut60Keys .3s linear forwards}.modal h1{text-align:center;font-size:26px;font-weight:500}.modal p{font-size:14px}.stats-card{display:flex;flex-direction:column;align-self:start;min-width:320px;min-height:350px;background-color:#37383f;border-radius:10px;padding:30px;color:#fff}.stats-card p{font-size:14px;font-family:Noto Sans,Verdana,sans-serif;color:#000}.flex-card-header{display:flex;flex-direction:row;column-gap:18px;align-items:baseline}.card-h2{font-size:16px;font-weight:600}.card-sm-span{color:#777;font-size:14px;cursor:pointer;transition:color .15s}.card-sm-span>a{text-decoration:none;color:inherit}.card-sm-span:hover{color:#666}.wh45{width:45px;height:45px}.wh40{width:40px;height:40px}.wh25{width:25px;height:25px}.wh26{width:26px;height:26px}.wh75{width:75px;height:75px}.wh30{width:30px;height:30px}.black-box{flex-shrink:0;width:14px;height:14px;background-color:#000;border-radius:4px}.grey-box{flex-shrink:0;width:14px;height:14px;background-color:#bbb;border-radius:4px}.bg-yellow{background-color:#fff27a!important;border:1px solid #fff27a}.cal-box{text-align:center;background-color:transparent;border:1px solid #a0a0a2;min-width:64px;max-height:74px;padding:18px 0;border-radius:10px}.cal-box>p{font-size:12px!important;color:#555!important;margin-bottom:4px}.cal-box>span{font-size:16px;font-weight:500;font-family:Roboto}.text-sm-bold{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.text-thin{font-size:14px;color:#333}.text-lg-bold{font-family:Arial!important;font-size:32px!important;font-weight:700}.nowrap{text-overflow:ellipsis;white-space:nowrap}@media (max-width: 700px){body{padding:4px}.container{grid-template-columns:minmax(0,1fr);min-width:430px}.main-grid{padding-top:20px}.inner-grid{margin-top:20px;grid-template-columns:minmax(0,1fr)}.header-container{flex-direction:column;row-gap:18px;align-items:center}}@media (min-width: 701px) and (max-width: 960px){.main-grid{grid-template-columns:minmax(0,1fr)}.inner-grid{margin-top:20px;grid-template-columns:minmax(0,1fr);max-width:700px}.header-container{flex-direction:column;row-gap:18px;align-items:center}.stats-card-03>div:nth-of-type(3)>p{text-align:right}.stats-card-04>div:nth-of-type(2){text-align:center}}@media (min-width: 1301px){.inner-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1060px}}aside{display:flex;flex-direction:column;align-items:center;row-gap:36px;background-color:#101010;border-right:1px solid #333439;padding-bottom:32px;min-height:100vh}aside>div:nth-of-type(1){display:flex;flex-direction:column;align-items:center}aside>div>img:nth-of-type(1){margin-top:44px;margin-bottom:62px}aside>div>img:nth-of-type(2){margin-bottom:14px}aside>div>p:nth-of-type(1){font-size:14px;font-weight:700;text-align:center;margin-bottom:12px}.small-btn{background-color:#242529;text-decoration:none;color:#fffff5;font-size:13px;font-weight:500;padding:4px 14px;border:1px solid #6c6664;border-radius:14px;transition:background-color .15s;cursor:pointer}.small-btn:hover{background-color:#000}aside>div:nth-last-of-type(1){margin-top:8px;font-size:10px;color:#999}aside>nav{display:flex;flex-direction:column;row-gap:4px;flex:1}aside>nav>a{display:flex;align-items:center;column-gap:12px;padding:20px 32px;border-radius:18px;text-decoration:none;color:#a39993;font-size:16px;font-weight:400;transition:background-color .05s}aside>nav>a:hover{color:#fff;background-color:#353537}aside>nav>a>img{width:22px;height:22px}.portfolio-card{align-self:start;display:flex;flex-direction:column;max-width:320px;border:1px solid #37383f;height:100%;border-radius:10px;color:#fff;background:rgb(16,16,17)}.portfolio-card__image{flex:1;align-self:stretch}.portfolio-card__image img{object-fit:cover}.portfolio-card__info{display:flex;flex-direction:column;row-gap:14px;flex:1;padding:30px;border-radius:10px 10px 0 0;background:radial-gradient(circle,rgb(39 40 46) 0%,rgb(17 17 18) 100%)}.portfolio-card__header{display:flex;column-gap:8px;align-items:baseline}.portfolio-card__header>h2{flex:1}.portfolio-card__info>div:nth-child(2){flex:1}.portfolio-card__info h2,.portfolio-card__info h3{color:#888;font-size:13px;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #101011}.portfolio-card__info span{display:block;font-size:14px;font-weight:500;color:#ddd;line-height:22px;margin-bottom:4px}.portfolio-card__header>span{display:inline-block;font-size:13px;margin:0;color:#c5bd75!important}.portfolio-card__info ul{line-height:22px}.portfolio-card__info ul>li{font-size:13px;color:#888;display:inline-block;margin-right:24px}.portfolio-card__image img{width:100%;border-radius:10px 10px 0 0/10px 10px 0px 0px}.portfolio-card__title h3{text-align:center;font-weight:600;font-size:14px;background-color:#111;padding:18px 8px;background-color:#373940;background-image:url(/patterns/header-grid-01.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-top:1px solid #505426;border-bottom:1px solid #505426}.portfolio-card a{text-decoration:none;color:inherit;transition:color .15s}.portfolio-card a:hover{color:#a39993}.portfolio-card-footer{display:flex;flex-direction:row;justify-content:center;padding:14px;background-color:#37383f;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.portfolio-card-footer>div:first-child{display:flex;column-gap:14px}.portfolio-card-footer img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.75;transition:filter .15s;transition:-webkit-filter .15s;transition:opacity .15s}.portfolio-card-footer img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.tooltip-container{position:relative;display:flex;justify-content:center;align-items:center}.tooltip{position:absolute;bottom:-35px;background-color:#000;color:#fff;padding:4px 8px;border-radius:2px;font-size:12px;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap;z-index:999}.tooltip-container:hover .tooltip{opacity:1}.form-cont{width:100%;max-width:700px;justify-self:center}.contact-email-cont{border-top:1px solid #333439;padding-top:44px;font-size:14px;margin-bottom:44px;color:#a39993;font-weight:600}.contact-email-cont a{color:#fff;margin-left:10px;text-decoration:none;font-weight:400}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;column-gap:28px;padding-top:44px;border-top:1px solid #333439}#message-container{grid-column:span 2}.contact-form label{display:block;font-size:14px;font-weight:700;margin-bottom:22px;color:#a39993}.contact-form input,.contact-form textarea{width:100%;padding:12px 12px 12px 22px;border-radius:10px;border:1px solid #7a7a7e;background-color:transparent;color:#fff;font-family:Noto Sans,Verdana,sans-serif;font-size:14px}.contact-form textarea{resize:none}.required{color:red}.form-footer{grid-column:span 2;column-gap:18px;display:flex;justify-content:flex-end;margin-top:12px}#contact-reset-btn,#contact-submit-btn{cursor:pointer;transition:background-color .15s}#contact-submit-btn{max-width:200px;background-color:#fff27a;color:#000;font-weight:700;border:1px solid #fff27a}#contact-submit-btn:hover{background-color:#1b1c1e;color:#fff27a}#contact-reset-btn{background-color:transparent;max-width:200px;border:1px solid #484647}#contact-reset-btn:hover{background-color:#000}.form-error{color:red;display:block;margin-top:20px;text-align-last:right;font-size:15px}.form-error ul{list-style-type:none;margin-left:20px}.form-error li{margin-top:6px}.form-success{color:#abf3ab;display:block;margin-top:20px;text-align:right;font-size:15px}.desc{color:#fff;font-weight:400;margin-bottom:10px}@media (max-width: 760px){.contact-form{grid-template-columns:minmax(0,1fr)}#message-container{grid-column:1}.form-footer{grid-column:1;justify-content:stretch}#contact-submit-btn,#contact-reset-btn{max-width:100%}}@media (min-width: 761px) and (max-width: 960px){.contact-form{grid-template-columns:minmax(0,1fr)}#message-container{grid-column:1}.form-footer{grid-column:1;justify-content:stretch}#contact-submit-btn,#contact-reset-btn{max-width:100%}}