:root {
    --primary-color:        #BF0E7B;
    --bar-color:        	#85D6CA;
    --white-color:          #ffffff;
    --dark-color:           #313438;
	  --about-bg-color:       #4d4d4d;
	
	  --normal-font-color:	  #fff;

    --gray-color:           #909090;
    --link-color:           #404040;
    --p-color:              #666262;

    --base-font-family:     'Plain', sans-serif;
    --font-weight-bold:     bold;
    --font-weight-normal:   normal;
    --font-weight-light:    300;
    --font-weight-thin:     100;

    --h1-font-size:         48px;
    --h2-font-size:         36px;
    --h3-font-size:         28px;
    --h4-font-size:         24px;
    --h5-font-size:         22px;
    --h6-font-size:         22px;
    --p-font-size:          18px;
    --base-font-size:       16px;
    --menu-font-size:       14px;

    --border-radius-large:  100%;
    --border-radius-small:  2px;
  }


  body {
    background: var(--dark-color);
    font-family: var(--base-font-family);
  }

  details summary::-webkit-details-marker {
    display:none;
  }