:root{--grey-color: #D9D9D9;--black: #3A2A1D;--active: #9c7d5a;--inactive: #DBD5CE;--input-bg: #F4E8DC;--hover: #B38D6D;--secondary-btn: #DAA67B;--primary-btn: #C5A484;--primary-txt: #4A3B2C;--card-bg: #EBDECB;--bg: #F9F3EE}@font-face{font-family:Offside;src:url(/assets/Offside-Regular-awrvEkEm.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0}body{font-family:Offside;color:var(--white-color);font-size:16px}template{height:100%}.flash-screen{background-color:var(--black);height:100vh;display:flex;align-items:center;align-content:center;justify-content:center;flex-direction:column}.flash-screen img{width:250px;height:250px}@media screen and (max-width: 768px){.flash-screen img{width:150px;height:150px}}.flash-screen h1{color:var(--input-bg);font-size:42px;margin-top:15px}@media screen and (max-width: 768px){.flash-screen h1{font-size:26px}}.flash-screen .get_start-btn{height:55px;width:450px;background-color:var(--primary-btn);margin-top:35px;display:flex;flex-direction:row;position:relative;color:var(--black);font-size:35px;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width: 768px){.flash-screen .get_start-btn{width:300px;height:35px;margin-top:15px;font-size:25px}}.flash-screen .get_start-btn span{max-width:50px;width:100%;height:55px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg)}@media screen and (max-width: 768px){.flash-screen .get_start-btn span{height:35px;max-width:35px}}.flash-screen .get_start-btn span img{width:25px;height:25px}@media screen and (max-width: 768px){.flash-screen .get_start-btn span img{height:15px;width:15px}}.flash-screen .get_start-btn:hover{background-color:var(--hover)}.section-taskbar{background-color:var(--black);width:100%;display:flex;justify-content:center;position:fixed;bottom:0;opacity:.9;z-index:1000}.section-taskbar ul{list-style-type:none;display:flex;align-items:center;align-content:center;align-self:center;justify-content:center;padding:5px 0}.section-taskbar ul li{margin-left:10px;cursor:pointer;height:40px}.section-taskbar ul li img{width:25px;height:25px;padding:8px}.section-taskbar ul li :hover{background-color:#b38d6d1a;border-radius:5px}.section-taskbar ul li.active{background-color:#9c7d5a80}.section-desktop{background-color:var(--card-bg);width:100%;height:100vh}.desktop-item{display:flex}.desktop-item ul li{display:flex;flex-direction:column;margin:15px 10px 0;width:100px;align-items:center;padding:5px;cursor:pointer}.desktop-item ul li:first-child{margin:5px 10px 0}.desktop-item ul li img{width:35px;height:35px}@media screen and (max-width:1024px){.desktop-item ul li img{width:30px;height:30px}}.desktop-item ul li span{text-wrap:wrap;text-align:center;margin:15px 0;color:var(--primary-txt)}.desktop-item ul li:hover{background-color:#b38d6d4d;border-radius:5px}.modal-container{position:absolute;top:0;width:100%}.section-modal{max-width:1240px;width:100%;height:88vh;background-color:var(--bg);margin:22px auto;border-radius:5px}@media screen and (max-width:1240px){.section-modal{max-width:800px}}@media screen and (max-width:1024px){.section-modal{max-width:700px}}@media screen and (max-width:768px){.section-modal{max-width:480px}}@media screen and (max-width:500px){.section-modal{max-width:300px}}.close-icon{width:100%;display:flex;position:relative;z-index:99;transition:transform .3s ease}.close-icon img{width:24px;height:24px;cursor:pointer;position:absolute;right:50px;top:50px}@media screen and (max-width:500px){.close-icon img{top:15px;right:15px}}.close-icon img:hover{transform:scale(1.2)}.section-introduction{display:block;text-align:center}.section-introduction .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1000px;width:100%}@media screen and (max-width:768px){.section-introduction .content{max-width:400px}}@media screen and (max-width:500px){.section-introduction .content{max-width:288px}}.section-introduction .content img{width:200px;height:200px;margin:0 0 35px}@media screen and (max-width:1024px){.section-introduction .content img{width:150px;height:150px;margin:0 0 15px}}.section-introduction .content h3,.section-introduction .content p{font-size:20px;line-height:45px}@media screen and (max-width:1024px){.section-introduction .content h3,.section-introduction .content p{font-size:16px;line-height:30px}}.section-introduction .content h3 a,.section-introduction .content p a{text-decoration:none;color:var(--primary-txt)}.section-introduction .content h3 a:hover,.section-introduction .content p a:hover{color:var(--hover)}.section-education{display:block}.section-education .content{max-width:1000px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:1240px){.section-education .content{max-width:700px;margin:auto}}@media screen and (max-width:1024px){.section-education .content{max-width:650px}}@media screen and (max-width:768px){.section-education .content{margin:0 15px;max-width:400px}}@media screen and (max-width:500px){.section-education .content{max-width:288px;margin:0}}.section-education .content h1{font-size:32px;margin:0 0 25px}@media screen and (max-width:1240px){.section-education .content h1{font-size:26px}}@media screen and (max-width:768px){.section-education .content h1{font-size:16px;margin:0 0 10px}}.section-education .content h2{font-size:22px;margin:0 0 25px}@media screen and (max-width:1240px){.section-education .content h2{font-size:20px}}@media screen and (max-width:768px){.section-education .content h2{font-size:16px;margin:0 0 5px}}.section-education .content h3,.section-education .content p{font-size:20px;line-height:45px;margin:0 0 15px}@media screen and (max-width:1240px){.section-education .content h3,.section-education .content p{font-size:16px}}@media screen and (max-width:768px){.section-education .content h3,.section-education .content p{margin:0 0 15px;line-height:25px}}.section-education .content h3 ul,.section-education .content p ul{padding-left:25px}.section-education .content h3 ul li,.section-education .content p ul li{font-style:italic}.section-workingExp{display:block}.section-workingExp .content{max-width:1000px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:85vh;overflow:scroll;scrollbar-width:none}@media screen and (max-width:1240px){.section-workingExp .content{max-width:700px;margin:auto}}@media screen and (max-width:1024px){.section-workingExp .content{max-width:650px;margin:auto}}@media screen and (max-width:768px){.section-workingExp .content{max-width:400px}}@media screen and (max-width:500px){.section-workingExp .content{max-width:288px}}.section-workingExp .content .item{margin-top:20px}.section-workingExp .content h1{font-size:32px;margin:0 0 15px}@media screen and (max-width:1240px){.section-workingExp .content h1{font-size:26px}}@media screen and (max-width:768px){.section-workingExp .content h1{font-size:18px}}@media screen and (max-width:500px){.section-workingExp .content h1{font-size:16px}}.section-workingExp .content h2{font-size:22px;margin:0 0 8px}@media screen and (max-width:1240px){.section-workingExp .content h2{font-size:18px}}@media screen and (max-width:768px){.section-workingExp .content h2{font-size:16px}}@media screen and (max-width:500px){.section-workingExp .content h2{font-size:14px}}.section-workingExp .content h3,.section-workingExp .content h4,.section-workingExp .content p{line-height:45px}@media screen and (max-width:1240px){.section-workingExp .content h3,.section-workingExp .content h4,.section-workingExp .content p{line-height:25px}}@media screen and (max-width:768px){.section-workingExp .content h3,.section-workingExp .content h4,.section-workingExp .content p{font-size:16px}}@media screen and (max-width:500px){.section-workingExp .content h3,.section-workingExp .content h4,.section-workingExp .content p{font-size:14px}}.section-workingExp .content ul{padding-left:25px}@media screen and (max-width:500px){.section-workingExp .content ul{padding-left:20px}}.section-workingExp .content ul li{font-style:italic;margin:5px 0}.section-skills{display:block}.section-skills .content{height:85vh;overflow:scroll;scrollbar-width:none}@media screen and (max-width:1240px){.section-skills .content{max-width:700px;margin:auto}}@media screen and (max-width:1024px){.section-skills .content{max-width:650px;margin:auto}}@media screen and (max-width:768px){.section-skills .content{max-width:400px}}@media screen and (max-width:500px){.section-skills .content{max-width:300px}}.section-skills .content .row{display:flex;justify-content:center;align-items:center;align-content:center}@media screen and (max-width:1024px){.section-skills .content .row{flex-direction:column}}.section-skills .content .row:first-child{margin-top:50px}@media screen and (max-width:500px){.section-skills .content .row:first-child{margin-top:25px}}.section-skills .content .row .card{width:100%;max-width:450px;background-color:var(--card-bg);height:180px;border-radius:10px;margin:15px 25px;padding:15px 20px}@media screen and (max-width:1240px){.section-skills .content .row .card{max-width:300px;margin:15px;padding:10px}}@media screen and (max-width:1024px){.section-skills .content .row .card{max-width:500px;margin:10px;padding:20px;height:auto}}@media screen and (max-width:768px){.section-skills .content .row .card{max-width:90%;height:auto}}@media screen and (max-width:500px){.section-skills .content .row .card{max-width:75%}}@media screen and (max-width:1240px){.section-skills .content .row .card h2{font-size:20px}}@media screen and (max-width:768px){.section-skills .content .row .card h2{font-size:18px}}.section-skills .content .row .card .card-content{margin:15px 0 0}.section-skills .content .row .card .card-content ul{padding-left:25px}@media screen and (max-width:1240px){.section-skills .content .row .card .card-content ul{padding-left:15px}}.section-skills .content .row .card .card-content ul.ul-col-2{column-count:2;column-gap:20px}@media screen and (max-width:1240px){.section-skills .content .row .card .card-content ul.ul-col-2{column-gap:5px}}@media screen and (max-width:500px){.section-skills .content .row .card .card-content ul.ul-col-2{column-count:1}}.section-skills .content .row .card .card-content ul li{margin:5px 0}.disable-btn{cursor:not-allowed!important}.disable-btn :hover{background-color:transparent!important}