profile-front/src/styles/global.css

@import './reset.css';
@import './ContentLayout.css';
@import './mainmenu.css';
@import './article.css';
@import './embedded-content.css';
@import './components/ContentGrid.css';
@import './components/theme-colors.css';


html{
    font-family: Roboto,sans-serif;
    line-height: 1.15;
}

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";	
	font-size: 18px;
}

a {
    text-decoration: none; 
}

    a:hover {
    text-decoration: none; 
    }

.container{
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 60px; /* Подберите высоту под ваш свернутый футер */
}

.header-info{
    width: 100%;
    background: #303030;
    margin-bottom: 20px;
}

.header__widgets{
    padding: 0.4375rem 0;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.2;
    width: 1200px;
    margin: 0 auto;
}

.current-date{
    font-weight: 700;
}

main {
	width:100%;
}

.title-tag{
   margin-bottom: 12px;
   position: relative;
   padding-left: 40px; /* Отступ для иконки */
}

.title-tag::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 37px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 37'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.306 25.306l9.281 9.281a2 2 0 002.829 0l14.993-14.993a2 2 0 00.584-1.319l.464-9.746a2 2 0 00-2.093-2.093l-9.746.465a2 2 0 00-1.32.583L2.307 22.477a2 2 0 000 2.829zm18.264-8.983a2.997 2.997 0 104.239-4.239 2.997 2.997 0 00-4.239 4.239z' fill='%23E0E0E0'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


@media (max-width: 767px) {
    
    .container{
        max-width: 100%;
    }
        
}