.head{display:grid;grid-auto-flow:column;justify-content:center;width:100%;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);grid-auto-rows:minmax(100px,auto)}.head .photo{background-image:url(../photo.jpg);width:100%;height:100%;background-size:cover;background-position:center;position:relative}.head .me{padding:20px}.head .me footer{color:#5c5c5c}.head div{background-color:#f0f0f0;border-radius:10px}.head .vertical-scale{padding:20px;width:100%;box-sizing:border-box;min-width:0}.head .scale-item{display:flex;align-items:center;margin-bottom:15px;min-width:0}.head .scale-label{flex:0 0 80px;margin-right:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.head .scale-bar-container{flex:1;min-width:0;height:20px;background-color:#f0f0f0;border-radius:5px;overflow:hidden}.head .scale-bar{height:100%;background-color:#28d979;border-radius:5px;transition:width .5s ease}.exp-and-tools{display:grid;gap:20px;grid-auto-flow:column;grid-template-columns:3fr 1fr;grid-auto-rows:minmax(200px,auto)}.exp-and-tools div{background-color:#f0f0f0;border-radius:10px}.exp-and-tools .tools{padding:20px}.exp-and-tools .tools .stack{display:grid;grid-template-rows:1fr 1fr;width:100%;gap:20px}.exp-and-tools .tools .stack div{background-color:#fff}.exp-and-tools .tools .code{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;grid-template-rows:minmax(15px,auto);background-color:#fff}.exp-and-tools .tools .code div{aspect-ratio:1/1;min-width:30px;min-height:30px;background-size:contain;background-repeat:no-repeat;background-position:center}.exp-and-tools .tools .code .htmlLogo{background-image:url(../htmlLogo.png)}.exp-and-tools .tools .code .js{background-image:url(../jsLogo.png)}.exp-and-tools .tools .code .vs{background-image:url(../vsLogo.png)}.exp-and-tools .tools .code .git{background-image:url(../gitLogo.png)}.exp-and-tools .tools .design{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;grid-template-rows:minmax(15px,auto);background-color:#fff}.exp-and-tools .tools .design div{aspect-ratio:1/1;min-width:30px;min-height:30px;background-size:contain;background-repeat:no-repeat;background-position:center}.exp-and-tools .tools .design .figma{background-image:url(../figmaLogo.png)}.exp-and-tools .tools .design .meet{background-image:url(../meetLogo.png)}.exp-and-tools .exp{padding:20px}.exp-and-tools .exp .desc{display:grid;grid-template-rows:1fr 1fr;width:100%;gap:20px}.exp-and-tools .exp .first{display:grid;grid-template-columns:1fr auto;padding-left:20px;color:#fff;background-color:#28d979;border-radius:10px}.exp-and-tools .exp .first .list{padding:20px;margin:0}.exp-and-tools .exp .second{display:grid;grid-template-columns:1fr auto;padding-left:20px;background-color:#fff;border-radius:10px}.exp-and-tools .exp .second .list{padding:20px;margin:0}.end{display:grid;gap:20px;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(200px,auto)}.end div{background-color:#f0f0f0;border-radius:10px}.end .edu{padding:20px}.end .edu .cont{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;grid-template-rows:minmax(15px,auto)}.end .edu .cont div{padding:20px;min-width:30px;min-height:30px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff}.end .edu .cont .uni{background-color:#28d979;color:#fff}.end .intr{padding:20px}.end .intr .my-intr{display:grid;grid-template-columns:repeat(3,minmax(10px,max-content));gap:20px}.end .intr .my-intr div{padding:10px;display:inline-flex;background-size:contain;border-radius:20px;background-color:#fff}.pdf-download-container{text-align:center;margin-top:30px;padding:20px 0;border-top:1px solid #eee}.download-btn{background-color:#28d979;color:#fff;border:none;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.download-btn:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){body{overflow:visible!important;height:auto!important}#app{overflow:visible!important;height:auto!important;display:block!important}.head{grid-auto-flow:row;grid-template-columns:1fr;gap:15px}.head,.exp-and-tools,.end{height:auto!important;min-height:unset!important}.head>div{min-height:150px}.photo{aspect-ratio:1/1;height:auto}.exp-and-tools{grid-auto-flow:row;grid-template-columns:1fr}.tools{padding:15px!important}.stack{display:grid!important;grid-template-rows:auto auto!important;gap:15px!important}.code,.design{grid-template-columns:repeat(2,1fr)!important;gap:15px!important;padding:15px!important}.code div,.design div{min-width:30px!important;min-height:30px!important;max-width:50px;max-height:50px;margin:0 auto}.end{grid-auto-flow:row;grid-template-columns:1fr}.my-intr{grid-template-columns:repeat(2,minmax(0,1fr))!important}.first,.second{grid-template-columns:1fr!important}}@media (min-width: 769px) and (max-width: 1024px){.head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vertical-scale{grid-column:span 2}.exp-and-tools{grid-template-columns:2fr 1fr}.tools{padding:15px}.code,.design{gap:15px;padding:15px}}@media (max-width: 480px){.code,.design{gap:10px!important;padding:10px!important}.code div,.design div{min-width:25px!important;min-height:25px!important}}#app{max-width:1280px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;display:flex;flex-direction:column}header,main,section,article,aside,footer{margin:20px 0}