body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#474747;font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}header{align-items:center;background-color:#474747;color:#fff;display:flex;height:80px}.menu-button{background:none;border:none;cursor:pointer;display:none;margin-right:35px}.menu-button:hover{opacity:.7}@media (max-width:768px){.menu{display:none}.menu-button{display:block}}.menu-button span{background-color:#fff;border-radius:20px;display:block;height:3px;margin:5px 0;transition:.4s;width:25px}.nav-logo{font-size:1.5em;margin:0 auto 0 50px}.menu-item{display:inline-block;list-style:none;padding:0 50px 0 0}.menu-item a{color:#fff;height:100%;text-decoration:none}.menu-item a:hover{color:#999;transition:.3s ease-in-out}@media (max-width:768px){.nav-logo{font-size:1.2em;margin:0 auto 0 30px}}.menu-modal{display:flex}.menu-modal.open{display:block}@media (max-width:768px){.menu-modal{display:none;left:0;position:absolute;top:80px;width:100%}.menu{align-items:center;display:flex;flex-direction:column}.menu-item{background-color:#666;border:.5px solid #888;height:100%;padding:0;width:100%}.menu-item a{align-items:center;display:flex;height:70px;justify-content:center;text-align:center;width:100%}.menu-item a:hover{background-color:#777;color:#fff}.menu-item a:active{background-color:#666;color:#fff}}.home-container{align-items:center;display:flex;flex-direction:column;margin-top:70px}.logo{pointer-events:none;-webkit-user-select:none;user-select:none;width:150px}.hr{width:65%}@media (max-width:950px){.hr{width:75%}}.profile-container{align-items:left;display:flex;flex-direction:column;margin:80px 17.5% 0}table{border-collapse:collapse;text-align:center;width:65%}th{background-color:#474747;color:#fff;font-size:15px;width:40%}td,th{height:40px}td{background-color:#fafafa;padding:0 0 0 20px;text-align:left;width:60%}@media (max-width:950px){.profile-container{margin:80px 12.5% 0}table{width:100%}th{font-size:14px}}.dot{border-top:2px dotted #474747;display:none}.Iam{align-items:center;background-color:#f5f5f5;border-radius:20px;display:flex;height:120px;justify-content:center;width:100%}.name{margin-right:30px}.box-1,.name{display:flex;text-align:left}.box-1{padding:0 30px}.box-1 :where(.name){align-items:center;display:grid;justify-content:center;margin:0 0 0 20px;padding:10px 0}.box-2{align-items:center;display:flex;justify-content:center;padding:0 30px}.box-2 :where(.icon-1,.icon-2,.icon-3){align-items:center;color:#474747;display:flex;font-size:40px;opacity:.7;padding:0 15px;transition:color .3s}.box-2 :where(.icon-1):hover{color:#df5adf}.box-2 :where(.icon-2):hover{color:#000}.box-2 :where(.icon-3):hover{color:#43b943}.user-image{border-radius:50%;opacity:.7;pointer-events:none;width:70px}@media (max-width:950px){.Iam{align-items:center;display:block;height:auto;justify-content:center}.box-1,.dot{display:flex;justify-content:center}.dot{margin:0 auto;width:80%}.box-2{padding:0 0 25px}.box-2 :where(.icon-1,.icon-2,.icon-3){font-size:35px;padding:0}}.work-container{align-items:left;display:flex;flex-direction:column;margin:0 17.5%}.circle{background-color:#474747;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.work-item{align-items:flex-start;border-top:1px solid #ccc;cursor:pointer;display:flex;gap:1rem;padding:1rem 0}.work-item:hover{background-color:#f5f5f5;transition:background-color .3s ease}.brace{border-top:1px solid #ccc}.work-date{color:#333;font-weight:700;min-width:100px;white-space:nowrap}.work-content{flex:1 1;line-height:1.5}.work-title{color:#222;font-weight:700;margin:0 0 0 20px}.work-summary{color:#555}@media (max-width:950px){.work-container{margin:0 12.5%}.work-item{flex-direction:column;gap:.5rem}.work-date{min-width:auto}}.see-more-container{display:flex;justify-content:center;margin-top:1rem}.btn{align-items:center;background-color:initial;border:none;color:#474747;cursor:pointer;display:flex;height:40px;justify-content:space-evenly;letter-spacing:1px;opacity:.8;position:relative;text-transform:uppercase;transition:.2s cubic-bezier(.19,1,.22,1);width:140px}.btn:after{border-bottom:3px double #474747;content:"";height:100%;left:5px;margin-top:-5px;opacity:1;position:absolute;top:0;transition:.2s linear;visibility:hidden;width:0}.btn .icon{animation:attention 1.2s linear infinite;transform:translateX(0);transition:.2s linear}.btn:hover:after{opacity:.7;visibility:visible;width:90%}.btn:hover{letter-spacing:2px;opacity:1}.btn:hover>.icon{animation:none;transform:translateX(30%)}@keyframes attention{0%{transform:translateX(0)}50%{transform:translateX(30%)}}.skill-container{align-items:left;display:flex;flex-direction:column;margin:0 17.5%}.title{border-left:5px solid #474747;padding:.5em .7em}.radar-chart-2{align-items:center;box-sizing:initial;display:flex;height:230px;justify-content:center;margin:0 auto;padding:35px;position:relative;width:230px}.radar-chart-2 dl,.radar-chart-2 svg{height:100%;width:100%}.radar-chart-2 dl{position:absolute}.radar-chart-2 dl>div{color:#474747;font-size:.6em;position:absolute;text-align:center}.radar-chart-2 dl>div:first-child{left:45%;top:0;transform:translateX(-50%)}.radar-chart-2 dl>div:nth-child(2){right:15%;top:28%;transform:translateX(50%)}.radar-chart-2 dl>div:nth-child(3){bottom:15%;right:33%;transform:translateX(50%)}.radar-chart-2 dl>div:nth-child(4){bottom:15%;left:22%;transform:translateX(-50%)}.radar-chart-2 dl>div:nth-child(5){left:6%;top:28%;transform:translateX(-50%)}.radar-chart-2 dt{font-weight:700}.radar-chart-2 dd{margin:0}@media screen and (max-width:950px){.skill-container{margin:0 12.5%}svg{justify-content:center;margin:0 17px}.radar-chart-2 dl>div:first-child{left:51%;top:0;transform:translateX(-50%)}.radar-chart-2 dl>div:nth-child(2){right:11%;top:28%;transform:translateX(50%)}.radar-chart-2 dl>div:nth-child(3){bottom:15%;right:29%;transform:translateX(50%)}.radar-chart-2 dl>div:nth-child(4){bottom:15%;left:29%;transform:translateX(-50%)}.radar-chart-2 dl>div:nth-child(5){left:13%;top:28%;transform:translateX(-50%)}}
/*# sourceMappingURL=main.8331a157.css.map*/