:root{--gutter:15px;--text-color:#0E0E12;--gradient-blue:linear-gradient(0deg, rgba(25,84,204,1) 0%, rgba(46,114,252,1) 100%);--color-01:#F4F4FF;--color-02:#EAEAF8;--color-03:#E2E2F0;--color-blue:#2E72FC;--color-white:#FFFFFF}body{background-color:var(--color-01);font-size:22px}body *{font-family:Poppins;color:var(--text-color);font-weight:200;line-height:1.5;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body svg{fill:var(--text-color)}body strong{font-weight:400}.btn{background-color:var(--color-02);font-size:20px;padding:16px 40px;border-radius:15px;text-decoration:none;font-weight:400;float:left;display:flex;align-items:center;overflow:hidden}.btn *{float:left;line-height:1.4}.btn.btn-blue{background:var(--gradient-blue);box-shadow:0 10px 50px -10px rgba(25,84,204,.5)}.btn.btn-blue *{color:var(--color-white)}.btn.btn-small{padding:10px 20px;border-radius:10px}.btn.btn-small *{letter-spacing:initial;font-size:16px;height:20px}.btn.btn-small svg{width:20px;height:20px;margin-right:15px;left:-5px;float:left;position:relative}.btn-social{display:inline-block;padding:10px 15px;float:left}.btn-social svg{width:20px;height:20px;float:left}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1,h2{font-size:2em}.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6,.text-content p{margin-bottom:2rem}.text-content p{letter-spacing:initial}.language-content{background-color:var(--color-01);padding:5px 20px 5px 10px;margin-bottom:1rem;border:1px solid;border-color:rgba(0,0,0,.1);border-radius:40px;position:relative;display:flex;align-items:center;float:left}.language-content svg{width:15px;height:15px;margin-right:10px}.language-content select{font-size:14px;letter-spacing:0;font-weight:400}.section-01{overflow:hidden}.section-01 .container{position:relative}.section-01 h1{position:relative}.section-01 h1 span{line-height:1;display:block}.section-01 h1 i{font-size:60px;font-style:normal;position:absolute;top:10%;margin-left:30px}.section-01 .portrait{position:relative;width:100%;height:100%;margin-bottom:-1rem;float:left}.section-01 .portrait:after{width:1300px;height:1300px;background-color:#d5e3ff;border-radius:50%;position:absolute;top:-60%;left:-15%;content:'';z-index:-1}.section-01 .portrait picture{float:right}.section-01 .comment{display:inline-block;width:100%;font-size:14px;margin-top:2rem;opacity:.5;letter-spacing:initial;clear:both}.section-01 .comment:before{content:'<'}.section-01 .text-content p{text-shadow:5px 5px 30px var(--color-01)}.section-02{background-color:var(--color-02)}.section-02 .plus{font-size:120px;color:var(--color-blue);font-weight:800;text-shadow:0 20px 50px rgba(25,84,204,.5),2px 2px 0 var(--color-01)}.section-02 .plus+h3{font-size:1.6em}.section-02 .box{background-color:var(--color-01);min-height:250px;padding:40px;border-radius:2rem;display:flex;align-items:flex-end}.section-02 .box:hover{background:var(--gradient-blue);box-shadow:0 50px 70px -10px rgba(25,84,204,.2)}.section-02 .box:hover .box-content h3{color:var(--color-white)}.section-02 .box:hover .box-content svg{fill:var(--color-white)}.section-02 .box .box-content h3{font-size:1.5em;line-height:1.2;margin-bottom:0}.section-02 .box .box-content svg{width:50px;height:50px;margin-bottom:1rem}.section-02 .box.box-03 .box-content svg{width:40px;height:40px}.section-03{background-color:var(--color-03);margin-top:-100px}.section-03 .portfolio{display:flex;align-items:center}.section-03 .portfolio .portfolio-logo{background-color:var(--color-white);padding:10px;border-radius:20px;margin-right:20px;flex:0 0 auto}.section-03 .portfolio .portfolio-logo picture{float:left}.section-03 .portfolio .portfolio-details span{font-size:14px;letter-spacing:1px;opacity:.5;display:block}.section-03 .portfolio .portfolio-details strong{font-size:18px;display:block;letter-spacing:initial}.section-04 .skill .skill-details{display:flex;justify-content:space-between;position:relative}.section-04 .skill .skill-details *{font-size:15px;letter-spacing:initial;white-space:nowrap}.section-04 .skill .skill-progress{background-color:var(--color-02);width:100%;height:10px;border-radius:10px;margin-top:1rem}.section-04 .skill .skill-progress .skill-progress--line{background-color:var(--color-blue);height:14px;top:-2px;position:relative;border-radius:10px;box-shadow:4px 0 0 var(--color-01)}.section-05{background-color:var(--color-03)}.section-05 .works{padding-left:20px;position:relative}.section-05 .works:after{width:6px;background-color:var(--color-02);position:absolute;top:0;bottom:0;left:-3px;content:''}.section-05 .works:before{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 5px var(--color-03);background-color:var(--color-02);left:-8px;position:absolute;top:20px;content:'';z-index:1}.section-05 .works .work{width:100%;display:inline-block}.section-05 .works .work .work-logo{background-color:var(--color-white);margin-right:15px;border-radius:10px;padding:10px;float:left}.section-05 .works .work .work-logo picture{float:left}.section-05 .works .work .work-details{float:left}.section-05 .works .work .work-details *{display:block;letter-spacing:initial}.section-05 .works .work .work-details a{display:inline-block}.section-05 .works .work .work-details em{font-size:14px;font-style:normal;letter-spacing:1px;opacity:.5}.section-05 .works .work .work-details span{font-size:14px;letter-spacing:1px}.section-05 .works .text-content{display:inline-block;width:100%;margin-top:30px}.section-05 .works:first-child:after{border-radius:10px 10px 0 0}.section-05 .works:last-child:after{bottom:-200px}.section-06{background-color:var(--color-02);z-index:1;position:relative}.section-06 .hobbies{border-radius:10px;padding:20px;text-align:center;position:relative;float:left;width:100%}.section-06 .hobbies:hover{background-color:var(--color-01)}.section-06 .hobbies svg{width:100%;height:40px;display:inline-block;float:left}.section-06 .hobbies span{font-size:12px;font-weight:400;letter-spacing:initial;position:absolute;right:0;bottom:-2em;left:0;opacity:0}.section-06 .hobbies:hover span{opacity:1}@media (min-width:768px){.section-05 .works .work .work-details{margin-top:5px}.section-05 .works:nth-child(odd){padding-left:30px;padding-right:0}.section-05 .works:nth-child(even){padding-right:30px;padding-left:0}.section-05 .works:nth-child(odd):after{left:-3px;right:auto}.section-05 .works:nth-child(even):after{right:-3px;left:auto}.section-05 .works:nth-child(odd):before{left:-8px;right:auto}.section-05 .works:nth-child(even):before{right:-8px;left:auto}.section-05 .works:nth-child(odd) .work .work-details{float:left}.section-05 .works:nth-child(even) .work .work-details{float:right}.section-05 .works:nth-child(odd) .work .work-logo{margin-right:20px;margin-left:0;float:left}.section-05 .works:nth-child(even) .work .work-logo{margin-right:0;margin-left:20px;float:right}}@media (min-width:992px){.section-01 .contact-list{padding:1rem;background-color:rgba(244,244,255,.8);box-shadow:0 0 100px 20px rgba(0,0,0,.1);border-radius:20px;backdrop-filter:blur(15px);position:absolute;bottom:20px}}@media (min-width:1200px){.section-01 .contact-list{bottom:50px}}@media (max-width:1199px){body{font-size:18px}body br{display:none}h1,h2{font-size:1.6em}.section-01 h1 i{top:-15px}.btn{padding:12px 30px;font-size:18px;border-radius:10px}.section-01 h1{margin-bottom:60px}.section-01 .portrait-mobile{width:120px;height:120px;margin-top:-30px;overflow:hidden;border-radius:50%;background-color:#d5e3ff;border:4px solid #d5e3ff;float:left;margin-right:30px}.section-02 .plus+h3{font-size:1em;font-weight:200;letter-spacing:initial}.section-02 .box{border-radius:1rem}.section-03 .portfolio .portfolio-logo{width:70px;border-radius:15px}.section-04 .skill .skill-details strong{position:absolute;top:37px;left:5px;font-size:10px;z-index:1;color:var(--color-white)}.section-06 .hobbies span{opacity:1}}@media (max-width:767px){.section-02 .box{min-height:150px}}@media (max-width:575px){.btn{font-size:16px}.section-01 h1 i{display:none}.section-01 .contact-list{text-align:center}.section-01 .contact-list .btn-social{float:none}.section-01 .contact-list .btn{width:100%;float:none!important;display:inline-block;margin:0}.section-05 .works .work .work-logo{width:60px;height:60px;margin-top:5px}}@media (prefers-color-scheme:dark){:root{--text-color:#FFFFFF;--color-01:#0E0E12;--color-02:#17171D;--color-03:#131319}.language-content{border-color:rgba(255,255,255,.1)}@media (min-width:992px){.section-01 .contact-list{background-color:rgba(14,14,18,.5);box-shadow:0 0 100px 20px rgba(0,0,0,.5)}}}@media print{:root{--text-color:#0E0E12}@page{margin:0}body{margin:1.6cm}}