.first-screen-programs .tn-atom { 
        background: linear-gradient(135deg, #E6E6E6 0%, #FEFEFE 100%);
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .first-screen-programs {} 

.button-attantion .tn-atom { 
        background: #FFDE00;
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 10px;
} .button-attantion {} 


.button-active .tn-atom { 
        background: #F2F2F2;
        box-shadow: 1px 1px 2px rgba(254, 254, 254, 0.3), -1px -1px 2px rgba(230, 230, 230, 0.5), inset -2px 2px 4px rgba(230, 230, 230, 0.2), inset 2px -2px 4px rgba(230, 230, 230, 0.2), inset -2px -2px 4px rgba(254, 254, 254, 0.9), inset 2px 2px 5px rgba(230, 230, 230, 0.9);
        border-radius: 10px;
} .button-active {} 


.first-screen-navblock-attantion .tn-atom { 
        background: #FFDE00;
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .first-screen-navblock-attantion {} 


.first-screen-navblock-active .tn-atom { 
        background: #F2F2F2;
        box-shadow: 1px 1px 2px rgba(254, 254, 254, 0.3), -1px -1px 2px rgba(230, 230, 230, 0.5), inset -2px 2px 4px rgba(230, 230, 230, 0.2), inset 2px -2px 4px rgba(230, 230, 230, 0.2), inset -2px -2px 4px rgba(254, 254, 254, 0.9), inset 2px 2px 5px rgba(230, 230, 230, 0.9);
        border-radius: 20px;
} .first-screen-navblock-active {} 


.first-screen-navblock .tn-atom { 
        background: linear-gradient(135deg, #E6E6E6 0%, #FEFEFE 100%);
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .first-screen-navblock {} 

.formshape .tn-atom { 
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .formshape {} 

.attantion-note .tn-atom { 
        background: rgba(255, 222, 0, 0.2);
        box-shadow: 1px 1px 2px rgba(254, 254, 254, 0.3), -1px -1px 2px rgba(230, 230, 230, 0.5), inset -2px 2px 4px rgba(230, 230, 230, 0.2), inset 2px -2px 4px rgba(230, 230, 230, 0.2), inset -2px -2px 4px rgba(254, 254, 254, 0.9), inset 2px 2px 5px rgba(230, 230, 230, 0.9);
        border-radius: 20px;
} .first-screen-navblock-active {} 

.heading-attantion .tn-atom { 
        background: #F2F2F2;
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .heading-attantion {} 


.heading-active .tn-atom { 
        background: #FFDE00;
        box-shadow: -2px 2px 4px rgba(230, 230, 230, 0.2), 2px -2px 4px rgba(230, 230, 230, 0.2), -2px -2px 4px rgba(254, 254, 254, 0.9), 2px 2px 5px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(254, 254, 254, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
        border-radius: 20px;
} .heading-active {} 



.testshape .tn-atom { 
        background: #F2F2F2;
        box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(218, 218, 218, 0.5), inset -10px 10px 20px rgba(218, 218, 218, 0.2), inset 10px -10px 20px rgba(218, 218, 218, 0.2), inset -10px -10px 20px rgba(255, 255, 255, 0.9), inset 10px 10px 25px rgba(218, 218, 218, 0.9);
        border-radius: 20px;
} .testshape {} 


.mainshape .tn-atom { 
        background: rgba(255, 222, 0, 0.2);
        box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(218, 218, 218, 0.5), inset -5px 5px 10px rgba(218, 218, 218, 0.2), inset 5px -5px 10px rgba(218, 218, 218, 0.2), inset -5px -5px 10px rgba(255, 255, 255, 0.9), inset 5px 5px 13px rgba(218, 218, 218, 0.9);
        border-radius: 40px 40px 40px 40px;
} .mainshape {}