@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,900&display=swap');

:root
{
  --light-white: #DADDF0;
  --Spacial: #002B5B;
  --light-blue: #009798;
  --dark: #256D85;
  --special-dark: #002B36;
  --text: #bbbbbb;
  --headingColor: #ee0758;  
}

*{
    font-family: "Poppins";
}
body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    scroll-behavior:smooth;
}
.text{
    position: relative;
    left: 50%;
    top: 0;
    font-size: 16px;
    padding: 20px;
    transform: translateX(-50%);
    width: 70vw;
    background-color: #f6f9fc;

}
.main-text{
    font-family: "Poppins";
    font-stretch: expanded;
    text-align: justify;
}

.text .motto{
    text-align: justify;
}
.text .motto .amharic{
    color: var(--Spacial);
}

.heading-text{
    padding-bottom: 0;
    margin-bottom: 0;
    color: var(--dark);
}
@media (max-width:760px){
    .text{
        width: 90vw;
        font-size: 12px;
        padding: 5px;
    }
}

@media (max-width:560px){
    .text{
        font-size: 12px;
        padding: 5px;
    }
}