.cv{display:block;position:relative;margin-left:30px}.cv .seperater{width:100%;font-size:27px;text-align:center;font-weight:bolder;padding-top:20px;padding-bottom:0;color:orange}.cv .name-explanation{cursor:pointer;text-decoration:underline;font-weight:bolder;position:relative}.cv .name-explanation:hover{color:pink}.cv .ocha{display:flex;animation:fadeInUp .8s;margin:10px}.cv .ocha .school-name{position:sticky;top:100px;width:250px;height:140px;display:flex}.cv .ocha .school-name p{font-size:larger;font-style:normal;text-align:left;font-weight:700}.cv .ocha .school-name p span{line-height:20px;font-size:medium;font-weight:lighter;opacity:70%}.cv .ocha .school-name .spot{width:40px;height:40px;margin:0 20px 0 auto}.cv .ocha .development-language{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;width:550px;display:flex;height:auto;flex-wrap:wrap}.cv .ocha .development-language li{margin-right:20px;margin-bottom:20px;padding:10px 2px;width:140px;border-radius:18px;color:#fff;text-align:center;white-space:nowrap;font-size:large;list-style-type:none}.cv .ocha .development-language li:hover{box-shadow:2px 3px 0 0 #c0b5b9}.cv .ocha .development-language .language-label{background-color:#8ca8be}.cv .ocha .development-language .tools{background-color:#d7bcbb}.cv .ocha .development-language .apps{background-color:#e7cd97}.cv .ocha .development-language .database{background-color:#6e8f8d}.cv .ocha .development-language .platform{background-color:#709ed0}.cv .ocha .development-language .others{background-color:#9e927e}.cv .ocha .ul-normal{line-height:27px;font-size:large;font-style:italic;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;width:550px;opacity:70%}.cv .ocha .ul-normal li{margin-right:0;margin-bottom:20px;transition:padding .5s}.cv .ocha .ul-normal li .skill{color:#589da4}.cv .ocha .ul-normal li .language{color:orange;font-weight:700}.cv .ocha .ul-normal li:hover{padding-top:15px;padding-bottom:15px}@media screen and (min-width:768px)and (max-width:1280px){.ocha{margin-left:100px}}@media screen and (max-width:768px)and (min-width:640px){.cv .ocha{display:block}.cv .ocha .school-name{position:static;display:flex;justify-content:center;width:100%;height:50px}.cv .ocha .school-name p{font-size:larger;font-style:normal;text-align:center;font-weight:700}.cv .ocha .school-name .spot,.cv .ocha .school-name p span{display:none}.cv .ocha .development-language,.cv .ocha .development-language li,.cv .ocha .ul-normal,.cv .ocha .ul-normal li{justify-content:center}}@media screen and (max-width:768px){.download-cv span{display:none}.cv .ocha{display:block}.cv .ocha .school-name{position:static;display:flex;justify-content:center;width:100%;height:50px}.cv .ocha .school-name p{font-size:larger;font-style:normal;text-align:center;font-weight:700}.cv .ocha .school-name .spot,.cv .ocha .school-name p span{display:none}.cv .ocha .development-language{width:90%}.cv .ocha .development-language li{margin:8px 3px;padding:5px 1px}.cv .ocha .ul-normal{width:95%}}@media screen and (max-width:640px){.cv .seperater{font-size:medium;margin:0}.cv .ocha{font-size:small}.cv .ocha .development-language{width:100%}.cv .ocha .development-language li{margin:5px 2px;padding:2px;width:80px;font-size:small}.cv .ocha .ul-normal{font-size:small}}