Fix scrool to anchor

project/templates/blocks/about.html

@@ -1,5 +1,5 @@
 {% load static %}
-<div class="section section_school" id="about">
+<div class="section section_school anchor" id="about">
   <div class="section__center center">
     <div class="text text_only_curve">
       <img class="text__curve text__curve_one" src="{% static 'img/curve-1.svg' %}" width="320">

project/templates/blocks/game.html

@@ -1,6 +1,5 @@
 {% load static %}
-
+<div class="game anchor" id="game">
-<div class="game" id="game">
   <div class="game__center center">
     <div class="game__wrap">
       <div class="game__theme">LILCITY</div>

project/templates/blocks/teachers.html

@@ -1,7 +1,7 @@
 {% load static %}
-<div class="section">
+<div class="section anchor" id="teachers">
   <div class="section__center center center_md">
-    <a id="teachers" name="teachers">
+    <a name="teachers">
       <div class="title title_center">Преподаватели</div>
     </a>
     <div class="text">

web/src/sass/_common.sass

@@ -4022,3 +4022,7 @@ a
     opacity: 0.3
     +m
       //margin-top: 0px
+
+.anchor
+  padding-top: 100px;
+  margin-top: -100px