@font-face{
	        font-family: Zing;
	        src: url(../fonts/zing.ttf);
	    }
	   
        body{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

		html {
        background: url(../images/bg.webp) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: black;
            }

            @media only screen and (max-width: 700px) 
            {
            .socials{
                bottom: 0;
            }
            
            .sico{
                height: 20%;
                width: 20%;
            }
            
            .logo{
                font-family: Zing;
                text-decoration: none;
                color: white;
                font-size: 230%;
            }
            input[type="number"] {
                -moz-appearance: textfield;
            }
            input[type="number"]::-webkit-inner-spin-button {
                display: none;
            }
            .donat{
                background-image: url(../images/dbg.png);
                height: 180px;
                width: 360px;
            }
            h1{
                padding: 0;
                margin: 0;
            }
            .don{
                font-family: Zing;
                color: white;
                width: 190px;
                text-shadow: 1px 1px 4px black;
                margin-block-start: 0em;
                margin-block-end: 0em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
                margin-top: 5px;

            }

            .comm{
                height: 60px;
                width: 340px;
                align-items: center;
                margin: 7px;
                background-color: #ffffffc0;
                border-color: white;
                
            }

            .summ{
                padding-top: 1px;
                height: 25px;
            }

            .dbutt{
                margin-left: 25%;
            }

            }

            @media only screen and (min-width: 701px) 
            {
            .socials{
                bottom: 0;
            }
            
            .sico{
                height: 96px;
                width: 96px;
            }
            
            .logo{
                font-family: Zing;
                text-decoration: none;
                color: white;
                font-size: 3em;
            }
            input[type="number"] {
                -moz-appearance: textfield;
            }
            input[type="number"]::-webkit-inner-spin-button {
                display: none;
            }
            .donat{
                background-image: url(../images/dbg.png);
                height: 180px;
                width: 360px;
            }
            h1{
                padding: 0;
                margin: 0;
            }
            .don{
                font-family: Zing;
                color: white;
                width: 190px;
                text-shadow: 1px 1px 4px black;
                margin-block-start: 0em;
                margin-block-end: 0em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
                margin-top: 5px;

            }

            .comm{
                height: 60px;
                width: 340px;
                align-items: center;
                margin: 7px;
                background-color: #ffffffc0;
                border-color: white;
                
            }

            .summ{
                padding-top: 1px;
                height: 25px;
            }

            .dbutt{
                margin-left: 25%;
            }

            }