document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. @import url(\'https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap\');
  2.  
  3. *{
  4.     margin: 0;
  5.     padding: 0;
  6.     list-style: none;
  7.     box-sizing: border-box;
  8.     font-family: \'Ubuntu\', sans-serif;
  9. }
  10.  
  11. body{
  12.     background: linear-gradient(to right, #3525af, #9153c9);
  13. }
  14.  
  15. .resume{
  16.     width: 800px;
  17.     background: #fff;
  18.     margin: 25px auto;
  19.     display: flex;
  20. }
  21.  
  22. .left{
  23.     background: #292b2f;
  24.     width: 250px;
  25.     padding: 0 20px;
  26. }
  27.  
  28. .right{
  29.     width: calc(100% - 250px);
  30. }
  31.  
  32. .left .img_holder{
  33.     text-align: center;
  34.     padding: 20px 0;
  35. }
  36.  
  37. .left .img_holder img{
  38.     width: 200px;
  39.     border-radius: 30px;
  40. }
  41.  
  42. .pb{
  43.     padding-bottom: 20px;
  44. }
  45.  
  46. .title{
  47.     font-size: 24px;
  48.     font-weight: 700;
  49.     text-transform: uppercase;
  50.     letter-spacing: 5px;
  51.     padding-bottom: 10px;
  52.     color: #3525af;
  53.     position: relative;
  54.     text-align: right;
  55.     margin-bottom: 15px;
  56. }
  57.  
  58. .title:before{
  59.     content: "";
  60.     position: absolute;
  61.     top: 35px;
  62.     right: 0;
  63.     width: 50px;
  64.     height: 3px;
  65.     background: #3525af;
  66. }
  67.  
  68. .left .icon{
  69.     font-size: 20px;
  70.     color: #9153c9;
  71. }
  72.  
  73. .left .text{
  74.     color: #9153c9;
  75.     text-transform: uppercase;
  76.     font-size: 13px;
  77. }
  78.  
  79. .contact .li_wrap{
  80.     display: flex;
  81.     align-items: center;
  82.     width: 100%;
  83.     margin-bottom: 15px;
  84. }
  85.  
  86. .contact .li_wrap .icon{
  87.     width: 50px;
  88.     height: 50px;
  89.     background: #fff;
  90.     border-radius: 15px;
  91.     display: flex;
  92.     align-items: center;
  93.     justify-content: center;
  94.     margin-right: 15px;
  95. }
  96.  
  97. .contact .li_wrap .text{
  98.     width: calc(100% - 50px);
  99.     word-break: break-word;
  100.     color: #fff;
  101. }
  102.  
  103. .skills ul,
  104. .hobbies ul{
  105.     display: flex;
  106.     flex-wrap: wrap;
  107.     justify-content: space-between;
  108. }
  109.  
  110. .skills .li_wrap,
  111. .hobbies .li_wrap{
  112.     width: 100px;
  113.     height: 100px;
  114.     margin-bottom: 15px;
  115.     border-radius: 15px;
  116.     display: flex;
  117.     flex-direction: column;
  118.     align-items: center;
  119.     justify-content: center;
  120. }
  121.  
  122. .skills .li_wrap{
  123.     background: #fff;
  124. }
  125.  
  126. .skills .li_wrap .text,
  127. .hobbies .li_wrap .text{
  128.     margin-top: 5px;
  129. }
  130.  
  131. .hobbies .li_wrap{
  132.     border: 2px solid #fff;
  133. }
  134.  
  135. .hobbies .li_wrap .icon,
  136. .hobbies .li_wrap .text{
  137.     color: #fff;
  138. }
  139.  
  140. .hobbies .li_wrap:hover{
  141.     background: #fff;
  142. }
  143.  
  144. .hobbies .li_wrap:hover .icon,
  145. .hobbies .li_wrap:hover .text{
  146.     color: #9153c9;
  147. }
  148.  
  149. .header{
  150.     background: #292b2f;
  151.     padding: 15px 30px;
  152.     color: #fff;
  153.     height: 240px;
  154. }
  155.  
  156. .header .name{
  157.     font-size: 52px;
  158.     text-transform: uppercase;
  159.     font-weight: 700;
  160.     color: #3525af;
  161. }
  162.  
  163. .header .role{
  164.     font-weight: 300;
  165.     font-size: 20px;
  166. }
  167.  
  168. .header .about{
  169.     margin-top: 20px;
  170.     line-height: 26px;
  171. }
  172.  
  173. .right_inner{
  174.     padding: 30px;
  175.     color: #292b2f;
  176. }
  177.  
  178. .right_inner .education{
  179.     margin-top: 30px;
  180. }
  181.  
  182. .right_inner .li_wrap{
  183.     display: flex;
  184.     margin-bottom: 15px;
  185. }
  186.  
  187. .right_inner .li_wrap .date {
  188.     width: 125px;
  189.     color: #9153c9;
  190. }
  191.  
  192. .right_inner .li_wrap .info{
  193.     width: calc(100%  - 125px);
  194.     padding-left: 25px;
  195.     position: relative;
  196. }
  197.  
  198. .right_inner .li_wrap .info_title{
  199.     text-transform: uppercase;
  200.     font-weight: 700;
  201.     letter-spacing: 2px;
  202.     color: #9153c9;
  203. }
  204.  
  205. .right_inner .li_wrap .info_com{
  206.     font-weight: 300;
  207.     font-size: 14px;
  208.     margin-top: 3px;
  209. }
  210.  
  211. .right_inner .li_wrap .info_cont{
  212.     margin-top: 15px;
  213. }
  214.  
  215. .right_inner .li_wrap .info:before{
  216.     content: "";
  217.     position: absolute;
  218.     top: 3px;
  219.     left: 0;
  220.     width: 10px;
  221.     height: 10px;
  222.     background: #9153c9;
  223.     border-radius: 50%;
  224. }
  225.  
  226. .right_inner .li_wrap .info:after{
  227.     content: "";
  228.     position: absolute;
  229.     top: 10px;
  230.     left: 4px;
  231.     width: 2px;
  232.     height: 90%;
  233.     background: #9153c9;
  234. }
');